@charset "utf-8";
/*CSS reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; vertical-align:top; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style:inherit; font-weight:inherit; }
del, ins { text-decoration:none; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
hr { margin: 0; border-width: 1px 0 0 0; border: 0; height: 1px; background: #f0f0f0; }
abbr, acronym { border:0; font-variant:normal; }
.bgwhite { background: #fff !important; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#666; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; outline: none; }
input, button, textarea, select { *font-size:100%;
}
a { text-decoration: none; color:#666; }
body { font-family: "微软雅黑"; font-size: 14px; color: #666; background: #f7f8fa; }
.after:after, .n-back:after, .n-back-1:after, .con-right:after, .footer-nav:after, .kefu_q3 .bor-ul:after { visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0; line-height:0; overflow:hidden }
/***== 字体 ==***/
b { font-weight:normal; }
.ht { font-family: '黑体'; }
.ar { font-family: 'Arial'; }
.st { font-family: '宋体'; }
.bold { font-weight: bold; }
.upper { text-transform: uppercase; }
.t-color { color: #75c01f; }
/* 字号 */
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f23 { font-size: 23px; }
.f24 { font-size: 24px; }
.f30 { font-size: 30px; }
.f36 { font-size: 36px; }
.f40 { font-size: 40px; }
/* 字体颜色 */
.white, .white a { color: white; }
.yellow, .yellow a { color: yellow; }
.blue, .blue a { color: blue; }
.red, .red a { color: red; }
.zfa { color: #0057ff !important; }
/***== 公用属性 ==***/
.hgclear { height:1px; clear: both; }
.hg5, .hg6, .hg7, .hg8, .hg9, .hg10, .hg11, .hg12, .hg13, .hg14, .hg15, .hg16, .hg17, .hg18, .hg19, .hg20, .hg23, .hg25, .hg26, .hg28, .hg30, .hg35, .hg38, .hg40, .hg44, .hg45, .hg48, .hg50, .hg55, .hg60, .hg65, .hg70, .hg75, .hg80, .hg683 { width: 100%; clear: both; }
.hg5 { height: 5px; }
.hg6 { height: 6px; }
.hg7 { height: 7px; }
.hg8 { height: 8px; }
.hg9 { height: 9px; }
.hg10 { height: 10px; }
.hg11 { height: 11px; }
.hg12 { height: 12px; }
.hg13 { height: 13px; }
.hg14 { height: 14px; }
.hg15 { height: 15px; }
.hg16 { height: 16px; }
.hg17 { height: 17px; }
.hg18 { height: 18px; }
.hg19 { height: 19px; }
.hg20 { height: 20px; }
.hg22 { height: 22px; }
.hg23 { height: 23px; }
.hg25 { height: 25px; }
.hg26 { height: 26px; }
.hg28 { height: 28px; }
.hg30 { height: 30px; }
.hg35 { height: 35px; }
.hg38 { height: 38px; }
.hg40 { height: 40px; }
.hg44 { height: 44px; }
.hg45 { height: 45px; }
.hg48 { height: 48px; }
.hg50 { height: 50px; }
.hg55 { height: 50px; }
.hg60 { height: 60px; }
.hg65 { height: 65px; }
.hg70 { height: 70px; }
.hg75 { height: 75px; }
.hg80 { height: 80px; }
.hg683 { height: 683px; }
/* 行距 */
p { line-height: 22px; }
.line-height18 { line-height: 18px; }
.line-height20 { line-height: 20px; }
.line-height22 { line-height: 22px; }
.line-height24 { line-height: 24px; }
.line-height25 { line-height: 25px; }
/* 宽度 */
.width100 { width: 100%; }
.wul105 { width: 105%; }
.wul110 { width: 110%; }
.width500 { width: 500px; }
.container { width: 1180px; min-width: 1180px; margin: 0 auto; position: relative; }
.wap_width { margin: 0 auto; }
.width783 { width: 783px; margin: 0 auto; }
.width832 { width: 832px; margin: 0 auto; }
.width945 { width: 945px; margin: 0 auto; }
.width956 { width: 956px; margin: 0 auto; }
.clear { width: 100%; clear: both; }
.clear-hg { clear:both; height:1px; width: 100%; }
.fl { float: left !important; }
.fr { float: right !important; }
.hide { display: none }
.block { display: block !important; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/*定位*/
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.bc { margin-left:0; margin-right:0; }
.cl { clear:left; }
.cr { clear:right; }
.vm { vertical-align:middle; }
.pr { position:relative; }
.pa { position:absolute; }
.abs-right { position:absolute; right:0 }
.zoom { zoom:1; }
.hidden { display: none }
.none { display:none; }
.cursor { cursor: pointer }
/* webkit内核 滚动条*/
::-webkit-scrollbar {
width:10px;
background-color:#006eff;
}
::-webkit-scrollbar-thumb {
width:10px;
background-color:#aeaeae;
}
::-webkit-scrollbar-track-piece {
width:10px;
background-color:#f8f8f8;
}
::-webkit-scrollbar-thumb:hover {
width:10px;
background-color:#0057ff;
}
/*边距*/
.m0 { margin: 0 !important; }
.m5 { margin:5px; }
.m8 { margin:8px; }
.m10 { margin:10px; }
.m15 { margin:15px; }
.m18 { margin:18px; }
.m20 { margin:20px; }
.m30 { margin:30px; }
/* 外上边距 */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top:5px; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt18 { margin-top:18px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt55 { margin-top:55px; }
.mt60 { margin-top:60px; }
.mt65 { margin-top:65px; }
.mt70 { margin-top:70px; }
.mt75 { margin-top:75px; }
.mt80 { margin-top:80px; }
.mt100 { margin-top:100px; }
/* 外下边距 */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom:5px; }
.mb8 { margin-bottom:8px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb23 { margin-bottom:23px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }
.mb65 { margin-bottom:65px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }
/* 外左边距 */
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml100 { margin-left:100px; }
/* 外右边距 */
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr22 { margin-right:22px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }
.mr100 { margin-right:100px; }
.pt0 { padding-top: 0 }
.pt5 { padding-top:5px; }
.pt8 { padding-top:8px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt16 { padding-top:16px; }
.pt18 { padding-top:18px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top: 25px; }
.pt28 { padding-top: 28px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt36 { padding-top: 36px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pr0 { padding-right: 0 !important; }
.pr5 { padding-right:5px; }
.pr8 { padding-right:8px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right: 25px; }
.pr28 { padding-right: 28px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pb5 { padding-bottom:5px; }
.pb8 { padding-bottom:8px; }
.pb10 { padding-bottom:10px; }
.pb13 { padding-bottom:13px; }
.pb15 { padding-bottom:15px; }
.pb18 { padding-bottom:18px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb28 { padding-bottom:28px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }
.pb55 { padding-bottom:55px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }
.pl0 { padding-left: 0 !important; }
.pl5 { padding-left:5px; }
.pl15 { padding-left:15px; }
.pl8 { padding-left:8px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left: 25px; }
.pl28 { padding-left: 28px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
@font-face {
font-family: "iconfont";
 src: url('iconfont.eot'); /* IE9 */
 src: url('iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),  url('iconfont.woff?t=1575427686328') format('woff'),  url('iconfont.ttf?t=1575427686328') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */  url('iconfont.svg?t=1575427686328#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-stw:before { content:"\e61a" }
.icon-QQ:before { content:"\e62e" }
.icon-next:before { content:"\e6ab" }
.icon-prev:before { content:"\e6bc" }
.icon-sucai:before { content:"\e623" }
.icon-tel:before { content:"\e614" }
.icon-cry:before { content:"\e618" }
.icon-inform:before { content:"\e600" }
.icon-teamwork:before { content:"\e60e" }
.icon-vip:before { content:"\e60d" }
.icon-gift:before { content:"\e5db" }
.icon-classify:before { content:"\e89d" }
.icon-ggsj:before { content:"\e628" }
.icon-doubt:before { content:"\e615" }
.icon-music:before { content:"\e639" }
.icon-backTop:before { content:"\e612" }
.icon-mail:before { content:"\e123" }
.icon-pause:before { content:"\e620" }
.icon-shop:before { content:"\e629" }
.icon-camera:before { content:"\e62c" }
.icon-close:before { content:"\e693" }
.icon-mxt:before { content:"\e603" }
.icon-upload:before { content:"\e60b" }
.icon-login:before { content:"\e68c" }
.icon-dssj:before { content:"\e681" }
.icon-feedback:before { content:"\e61d" }
.icon-time:before { content:"\e61b" }
.icon-play:before { content:"\e622" }
.icon-xuanze:before { content:"\e61c" }
.icon-search:before { content:"\e613" }
.icon-shoucang:before { content:"\e617" }
.icon-complete:before { content:"\e616" }
.icon-chahua:before { content:"\e624" }
.icon-video:before { content:"\e601" }
.icon-ppt:before { content:"\e606" }
.icon-cpta:before { content:"\e608" }
.icon-ysbg:before { content:"\e609" }
.icon-xyjy:before { content:"\e60a" }
.icon-reward:before { content:"\e60c" }
.icon-service:before { content:"\e60f" }
.icon-bag:before { content:"\e610" }
.icon-recharge:before { content:"\e611" }
.icon-whq:before { content:"\e626" }
.icon-media:before { content:"\e627" }
.icon-picture:before { content:"\e62b" }
.icon-dimian:before { content:"\e62d" }
.icon-bgWall:before { content:"\e62f" }
.icon-Logo:before { content:"\e619" }
.icon-evpi:before { content:"\e631" }
.icon-company:before { content: "\e855"; }
.icon-integral:before { content: "\e699"; }
​.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; clear:both; }
tr.header { background:none; }
/**==========================  网站公共模块  ===========================**/
.fixed { width:100%; position:fixed; top:0px; z-index:10005; }
.fix { }
.back-model { width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, .5); z-index:1; display:none; }
/*+------------------------------
 + 头部
 +-------------------------------*/
.header { height:60px; background: #191919; min-width: 1180px; display:none; }
/**.header .logo { margin: 18px 0 0 0; }20200904修改**/
.header .menu { width: 65%; text-align: center; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); z-index: 5; }
.header .menu ul li { position: relative; display: inline-block; margin-right: 3px; }
.header .menu ul li a { display: block; padding: 6px 21px; color: #fff; border-radius: 35px; }
.header .menu ul li:hover a, .header .menu ul li a.on { background: #0057ff; }
.header .menu ul li.menu-more { position: relative; width: 85px; height: 60px; line-height: 60px; cursor: pointer; }
.header .menu ul li.menu-more a { display: block; padding: 0; border-radius: 0; }
.header .menu ul li.menu-more .ico-more { display: inline-block; width: 9px; height: 6px; background: url("../images/more-ico.png") no-repeat; margin-left: 5px; vertical-align: middle; transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
}
.header-dask { display:none; width:100%; height:60px; }
.header:hover { overflow:inherit; }
.header .menu ul li .more-child { display: none; position: absolute; top: 60px; left: 0; width: 140px; background: #fff; text-align: left; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0 0 30px rgba(0, 0, 0, .3); }
.header .menu ul li .more-child a { height: 40px; line-height: 40px; color: #333; margin-bottom: 5px; text-indent: 21px; background: #fff; }
.header .menu ul li.menu-more:hover .more-child { display: block; }
.header .menu ul li.menu-more:hover .ico-more { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.header .menu ul li .more-child a.on, .header .menu ul li .more-child a:hover { background: #0057ff; color: #fff; }
/*+------------------------------
 + 搜索
 +-------------------------------*/
.form-search { width:100%; height:100%; position:absolute; top:-62px; left:0; background:#191919; transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
}
.form-search.show { top:0; }
.form-search .form-search-con:after { display: block; content: ""; clear: both; }
.form-search .form-search-con { width: 425px; margin:22px auto 0; }
.form-search .colse { width:12px; height:12px; background-position:-88px 0; cursor:pointer; margin-top:5px; }
.form-search .select-type { border:0; background:transparent; color:#fff; margin: 0 15px; }
.form-search .select-type option { color:#666; }
.form-search .stype { position: relative; width: 90px; height: 38px; margin: 0 15px; cursor: pointer; }
.form-search .stype .opation { display:block; color:#fff; text-align:center; }
.form-search .stype .opation i { display: block; float: right; width: 9px; height: 6px; margin-top: 8px; background-position: -52px -132px; transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.form-search .stype ul { display:none; position:absolute; top:30px; left:0; width:100%; padding:5px 0; box-shadow:0 3px 10px #dcdcdc; background:#fff; border-radius:5px; text-align:left; z-index:999; overflow:hidden; }
.form-search .stype ul li { width:100%; line-height:33px; text-align:center; }
.form-search .stype ul li:hover { color:#0057ff; background:#f7f8fa; }
.form-search .stype:hover .opation i { transform:rotate(180deg); -webkit-transform:rotate(180deg) }
.form-search .stype:hover ul { display:block; }
.form-search input::-webkit-input-placeholder {
color:#fff;
}
.form-search input::-moz-placeholder {
color:#fff;
}
.form-search. input:-ms-input-placeholder {
color:#fff;
}
.form-search .keywords { padding:0 5px; border:0; background:transparent !important; color:#fff; border-bottom: 1px solid #4e4e4e; }
.form-search .submit { display:inline-block; width:18px; height:18px; background-position:0 -3px; border:0; cursor:pointer; margin-left:15px; }
.form-search-all { position:relative; width:370px; height:38px; border:1px solid #eee; border-radius:5px; }
.form-search-all .keywords { width:270px; height:38px; border:0; padding:0 10px; color:#666; border-radius:5px; }
.form-search-all .submit { position:absolute; top:-1px; right:-1px; width:80px; height:40px; background:#0057ff url("../images/search.png") no-repeat 34px 10px; border:0; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px; }
/*+------------------------------
 + Ads[Index]
 +-------------------------------*/
.ads { width:100%; height:80px; border-radius:5px; overflow:hidden; }
.ads img { border-radius: 5px; }
/*+------------------------------
 + 右侧
 +-------------------------------*/
.user-info ul li { position:relative; padding-left:30px; float:left; height: 60px; }
.user-info ul li:first-child { margin-left: 0; }
.ico { display: block; background: url("../images/ico.png") no-repeat 0 0; }
.user-info ul li .search, .user-info ul li .notice { cursor: pointer; }
.user-info ul li .search { width:18px; height:18px; margin-top:22px; background-position:0 -3px; }
.user-info ul li .notice { margin-top:19px; width:22px; height:21px; background-position:-20px -127px; }
.user-info ul li.login-regsi { height:35px; margin-top:22px; background:url("../images/li.png") no-repeat 85px 5px; }
.user-info ul li.login-regsi a { padding:0 12px; color:#fff; }
.user-info ul li.login-regsi-y img { border:2px solid #1a212b; border-radius:150%; margin-top:12px; }
.user-info ul li.login-regsi-y:hover .drop-down-user { display: block; }
.user-info ul li .drop-down-user { display: none; width: 190px; height: auto; position: absolute; top: 60px; right: 0; background: #fff; padding-bottom: 5px; text-indent: 20px; border-radius: 5px; z-index:180; }
.user-info ul li .drop-down-user h5 { height: 55px; line-height: 55px; font-weight: bold; overflow: hidden; }
.user-info ul li .drop-down-user h5 a { color: #333; }
.user-info ul li .drop-down-user ul li { position: relative; width: 100%; height: 40px; line-height: 40px; padding-left: 0; border-top: 1px solid #eee; }
.user-info ul li .drop-down-user ul li i { position:absolute; top:12px; right:20px; display:block; width:18px; height:18px; line-height:18px; text-align:center; background:red; color:#fff; text-indent:0; font-style:normal; font-size:12px; border-radius:65px; overflow:hidden; }
.user-info ul li .drop-down-user ul li a { display:block; }
.user-info ul li .drop-down-user ul li:hover { background:#f0f0f0; }
.user-info ul li .notice-i { position:absolute; top:10px; right:0; display:block; width:10px; height:10px; background:red; border-radius:35px; z-index:999; }
/*+------------------------------
 + 找回密码
 +-------------------------------*/
.register.backpwd { min-height: 420px; }
.register.backpwd.yesh { min-height: 395px; height: 395px; overflow: hidden }
.register.backpwd .backpwd-yes { text-align: center; }
.register.backpwd .backpwd-yes .back-yes-p { margin: 15px 0 30px; }
.register.backpwd .backpwd-yes .back-on { display: block; width: 100%; height: 40px; line-height: 40px; background: #0057ff; border-radius: 5px; color: #fff; }
#wechat-load { padding: 37px 80px; width: 198px; height: 246px; position: fixed; top: 50%; left: 50%; background: #f7f8fa; margin:  -225px 0 0 -179px; border-radius: 5px; text-align: center; overflow: hidden; z-index: 1002; }
#wechat-load .colse-wechat { position: absolute; top: 10px; right: 10px; display: block; width: 25px; height: 25px; background: url(../images/colse.png) no-repeat; background-size: 25px; }
/*+------------------------------
 + 私信
 +-------------------------------*/
.letter-show { width: 450px; position: fixed; top: 30%; left: 50%; background: #fff; border-radius: 5px; margin: 0 0 0 -225px; z-index: 10002; }
.letter-show h5 { height: 50px; line-height: 50px; border-bottom: 1px solid #eee; padding: 0 20px; font-size: 16px; }
.letter-con { position: relative; width:410px; margin:20px auto 30px; }
.letter-con.user-letter .letter-name { cursor: pointer; }
.letter-show .letter-name { width:402px; height:40px; line-height:40px; border:0px; padding:0 5px; background:#eee; border-radius:5px; }
.letter-show .lettre-intro { width:390px; height:80px; padding:10px; border-radius:5px; border:1px solid #eee; margin:15px 0; resize: none; }
.letter-show .tips-letter { display: block; margin:0 0 15px 0; }
.letter-show .letter-sub { width:100%; height:40px; line-height:40px; background:#0057ff; border:0px; border-radius:5px; color:#fff; cursor:pointer; }
.letter-show .colse { position: absolute; top:15px; right:15px; cursor: pointer; display: block; width:20px; height:20px; background: url("../images/colse.png") no-repeat; background-size:20px; }
.user-follow { width: 100%; height: 202px; background: #fff; border-radius: 5px; border: 1px solid #eee; position: absolute; top: 43px; left: 0; overflow-x: hidden; z-index: 300 }
.user-follow ul li { line-height: 30px; padding: 10px 20px; cursor: pointer; }
.user-follow ul li:hover { background: #f5f5f5 }
.user-follow ul li .l-pic { display: block; float: left; width: 30px; height: 30px; overflow: hidden; border-radius: 50px; margin-right:8px; }
.user-follow ul li img { width: 100%; height: 100%; }
/*+------------------------------
 + 意见反馈
 +-------------------------------*/
.feedback-list { padding: 20px 20px 50px; }
.feedback-list .remark { color: #333; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.feedback-list ul:after, .feedback-list ul li:after { display: block; content: ""; clear: both; }
.feedback-list ul { width: 100%; }
.feedback-list ul li { margin-top: 20px; }
.feedback-list ul li label { display:block; width: 90px; float: left; }
.feedback-list ul li .feedb-type p { width: 95px; float: left; cursor: pointer; }
.feedback-list ul li .feedb-type .on { color: #0057ff; }
.feedback-list ul li .feedb-type .on span { background: #0057ff; }
.feedback-list ul li .feedb-type span { position:relative; display:block; float:left; width:15px; height:15px; border:1px solid #eee; border-radius:35px; margin: 3px 6px 0 0; }
.feedback-list ul li .feedb-type span i { position:absolute; top:8px; left:49%; display:block; width:8px; height:8px; transform: translate(-43%, -55%); -webkit-transform: translate(-43%, -55%); background: #fff; border-radius: 35px; }
.feedback-list ul li .upload { position: relative; width:280px; height:210px; background:#f4f4f4; text-align:center; border-radius: 5px; overflow: hidden; }
.feedback-list ul li .upload em { position: absolute; top: 80px; left: 123px; display: block; width: 32px; height: 32px; background: url("../images/kicon.png") no-repeat; margin: 0 auto; }
.feedback-list ul li #head_photo_thumb { display: none; position: absolute; top: 0px; left: 0px; width: 280px; height: 210px; z-index: 0; }
.feedback-list ul li .upload p { line-height: 255px; }
.feedback-list ul li .upload input[type=file] { position: absolute; top: 0px; left: 0px; width: 280px; height: 210px; cursor: pointer; opacity: 0; }
.feedback-list ul li .fcontent { float: left; padding: 10px; border: 1px solid #eee; background: #f4f4f4; resize: none; border-radius: 5px; }
.feedback-list ul li span { display: block; float: left; }
.feedback-list ul li.fcontent-li span { margin-top: 30px; }
.feedback-list ul li.input-li span { margin-top: 9px; }
.feedback-list ul li.input-li { line-height: 37px; }
.feedback-list ul li input[type=text] { float: left; padding: 0 5px; height: 35px; line-height: 35px; border: 1px solid #eee; background: #f4f4f4; border-radius: 5px; }
.feedback-list ul li .fcontent:focus, .feedback-list ul li input[type=text]:focus { background: transparent; }
.feedback-list ul li .feedb-sub { margin-left: 90px; width: 85px; height: 35px; border:0px; background: #0057ff; color: #fff; border-radius: 5px; cursor: pointer; }
/*+------------------------------
 + 页脚
 +-------------------------------*/
.footer:after, .copyright:after { display: block; content: ""; clear: both; }
.footer { width:100%; background:#191919; padding:45px 0 30px; min-width: 1180px; }
.footer .footer-top { position: relative; padding-bottom: 35px; border-bottom: 1px solid #303030; }
.footer h3 { font-size: 22px; color: #fff; margin-bottom: 15px; }
.footer .links a { position: relative; padding: 0 15px; color:#676767; background: url("../images/footer-li.jpg") no-repeat center right; }
.footer .links a:first-child { padding-left: 0px; }
.footer .links a:last-child { background: none; }
/* 移动版 */
.footer .links a.mobel-wap:hover .mobel-img, .footer .links a.mobel-wx:hover .mobel-img { display:block; }
.mobel-img { display: none; position:absolute; top:-145px; left:-40px; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); z-index: 66; }
.mobel-wx .mobel-img { left: -25px; }
.mobel-img i { position: absolute; bottom: -6px; left:55px; display: block; width: 15px; height: 15px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.mobel-img img { padding:5px; }
.footer .share { position: absolute; right: 0px; top: 8px; }
.footer .share a { float: left; display: block; width: 41px; height: 41px; margin-left: 10px; cursor: pointer; }
.footer .share a.wx { background-position: -10px -59px; }
.footer .share a.qq { background-position: -60px -59px; }
.footer .share a.uz { background-position: -109px -59px; }
.footer .share .two_code { display: none; position: absolute; top: -160px; left: -38px; padding: 20px 20px 8px; background: #fff; border-radius: 5px; text-align: center; }
.footer .share .two_code p { padding-top: 5px; }
.footer .share .two_code em { display: block; width: 15px; height: 15px; background: #fff; position: absolute; bottom: -7px; left: 45%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.footer .share a.wx:hover .two_code { display: block; }
.copyright { padding: 30px 0px 0px; font-size: 12px; }
.copyright p, .copyright p a { color: #676767 }
.copyright p a:hover, .footer .links a:hover { color: #fff; }
/*+------------------------------
 + Return
 +-------------------------------*/
.go-return { position:fixed; bottom:35px; right: 1%; z-index: 10001; }
.go-return ul li { position: relative; width: 42px; height: 42px; background: #0057ff; margin-top: 6px; border-radius: 5px; cursor: pointer; }
.go-return ul li a { display: block; width: 100%; height: 100%; }
.go-return ul li.go-top { display: none; background: #ddd; }
.go-return ul li i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.go-return ul li.go-top i { width: 16px; height: 9px; background-position: -72px -132px; }
.go-return ul li.go-qq i { width: 16px; height: 16px; background-position: -80px -164px; }
.go-return ul li.go-code-two i { width: 24px; height: 24px; background-position: -206px 0; }
.go-return ul li.go-feedb i { width: 24px; height: 26px; background-position: -106px -155px; }
.go-return ul li.go-top:hover { background:#0057ff; }
.go-return ul li.go-code-two .show-code { display:none; position:absolute; top:-89px; right:65px; padding:15px; border-radius:5px; box-shadow:0 0 10px rgba(0, 0, 0, .3); text-align:center; background:#fff; z-index:255; }
.go-return ul li.go-code-two .show-code em { position:absolute; bottom:29%; right:-5px; width:14px; height:14px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.go-return ul li.go-code-two:hover .show-code { display: block; }
/** 微信登录覆盖 **/
.impowerBox { line-height:1.6; position:relative; width:200px; z-index:1; text-align:center; margin: 0 auto; }
.impowerBox .qrcode { width:150px; margin-top:15px; border:1px solid #E2E2E2; }
.impowerBox .qrcode img { margin:0 auto; }
.impowerBox .title { text-align:center; font-size:20px; }
.impowerBox .info { width:200px; }
.impowerBox .status { text-align:center; }
.impowerBox .status p { font-size:13px; }
/*==========以下部分是Validform必须的===========*/
.Validform_checktip { margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right { color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center; }
.Validform_wrong { color:red; padding-left:20px; white-space:nowrap; background:url(../images/error.png) no-repeat left center; }
.Validform_loading { padding-left:20px; background:url(../images/onload.gif) no-repeat left center; }
.Validform_error { background-color:#ffe7e7 !important; }
#Validform_msg { display: none !important; color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title { line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover { color:#cc0; }
#Validform_msg .Validform_info { padding:8px; border:1px solid #000; border-top:none; text-align:left; }
.uz-slider:after, .uz-ads:after, .uz-works-title:after, .uz-works-list:after, .uz-designer .uz-designer-hd:after, .uz-designer:after, .uz-article:after, .uz-partner:after, .uz-links .uz-links-con:after { display: block; content: ""; clear: both; }
.uz-slider { border-bottom: 1px solid #eee; }
.works-lists .works-lists-con ul li, .uz-designer .uz-designer-bd ul li .designer-user { transition: all .4s ease-out;
 -webkit-transition: all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
}
.works-lists .works-lists-con ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); overflow: inherit; }
.works-lists .works-lists-con ul li .user-relevant .bottom ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
/*+------------------------------
 + Slide
 +-------------------------------*/
.uz-banner { width:100%; height:320px; border-radius: 5px; overflow:hidden; }
.uz-banner .swiper-container { width:100%; height:320px; border-radius: 5px; }
.uz-banner .swiper-button-prev, .uz-banner .swiper-button-next { width:45px; height:45px; top:50%; background: url("../images/slider.png") no-repeat 0 0; }
.uz-banner .swiper-button-prev { left:35px; }
.uz-banner .swiper-button-next { right:35px; background-position:-55px 0 }
/*分页器*/
.uz-banner .swiper-pagination { top:auto; bottom:50px; background:none; }
.uz-banner .swiper-pagination-bullet { display: inline-block; width: 11px; height: 11px; margin: 0 3px; cursor: pointer; background: none; border-radius:0; opacity: 1; }
.uz-banner .swiper-pagination-bullet span { width: 11px; height: 11px; display: block; background: rgba(255, 255, 255, .6); border-radius: 5px; }
.uz-banner .swiper-pagination-bullet-active span { background: #fff; }
.uz-banner .swiper-pagination-bullet-active, .uz-banner .swiper-pagination-bullet-active span { width: 30px; height: 11px; border-radius: 5px; overflow: hidden; }
.uz-banner .autoplay .swiper-pagination-bullet-active span { width:30px; height:11px; background:rgba(255, 255, 255, .6); }
.uz-banner .swiper-pagination-bullet i { background: #fff; width: 30px; height: 11px; transform:scaleX(0); transform-origin: 2%; display: block; border-radius: 5px; overflow: hidden; }
.uz-banner .autoplay .firsrCurrent i { transition:transform 4.9s linear; transform:scaleX(1); }
.uz-banner .autoplay .current i { transition:transform 6s linear; transform:scaleX(1); }
.uz-banner .swiper-slide { background-size: auto 100%; }
/*+------------------------------
 + Ads
 +-------------------------------*/
.uz-ads ul li { width: 280px; height: 160px; margin-right: 20px; float: left; border-radius: 5px; overflow: hidden; }
.uz-ads ul li img { width: 100%; height: 100%; }
.uz-ads ul li:last-child { margin-right: 0px; }
/*+------------------------------
 + Works[Index]
 +-------------------------------*/
.uz-works-title { width: 100%; height: 75px; line-height: 75px; }
.uz-works-title h2 { font-size: 16px; color: #333; font-weight: bold; margin-right: 15px; }
.uz-works-title .uz-love { width: 550px; height: 20px; line-height: 20px; margin-top: 29px; overflow: hidden; }
.uz-works-title .uz-love i { float: left; width: 13px; height: 13px; margin: 3px 5px 0 0; background-position: -137px -107px; }
.uz-works-title .uz-love ul li { font-size: 14px; }
.uz-works-title .uz-love ul li a { color:#0057ff; }
.uz-works-title .uz-love ul li .time { padding-left: 10px; color: #999; }
.uz-works-title .n-works a { display:block; float:right; width:90px; height:36px; line-height:36px; text-align:center; background:#0057ff; color:#fff; border-radius:5px; margin:18px 0 0 10px; }
/* 优秀作品 */
.uz-works-list-2 { padding: 40px 0 20px; min-width: 1180px; }
.uz-works-list-2 .h5-tit { font-size:16px; color:#333; font-weight:bold; padding-bottom:20px; }
.uz-works-list-2 .h5-tit a { color: #666; font-size: 14px; font-weight: normal; }
.uz-works-list-2 .h5-tit a:hover { color:#0057ff; }
.uz-works-list-2 .works-lists .works-lists-con ul li { width: 278px; height:371px; border:1px solid #eee; }
.uz-works-list-2 .works-lists .works-lists-con ul li .zf-bottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.uz-works-list-2 .works-lists .works-lists-con ul li .user-relevant .bottom ul li { margin-right: 5px; }
/*+------------------------------
 + Designer[Index]
 +-------------------------------*/
.uz-designer { padding: 40px 0 20px; }
.uz-designer .uz-designer-hd { line-height: 40px; }
.uz-designer .uz-designer-hd ul li { float: left; width: 105px; height: 40px; text-align: center; color:#333; border-radius: 5px; cursor: pointer; }
.uz-designer .uz-designer-hd ul li.on { background:#0057ff; color:#fff; }
.uz-designer .uz-designer-hd .more:hover { color:#0057ff; }
.uz-designer .uz-designer-bd ul li { width: 100%; }
.uz-designer .uz-designer-bd ul li .designer-user { width:342px; min-height: 155px; padding: 20px; margin:20px 17px 0 0; float: left; background: #fff; border-radius: 5px; }
.uz-designer .uz-designer-bd ul li .designer-user:nth-of-type(3n) {
margin-right: 0px;
}
.uz-designer .uz-designer-bd ul li .designer-user .top { position: relative; height: 60px; }
.uz-designer .uz-designer-bd ul li .designer-user .top .bor-u { display:block; width:60px; height:60px; margin-right: 15px; border-radius: 35px; overflow: hidden }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 { font-weight: bold; color: #333; padding: 13px 0 3px 0; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom span { color:#999; margin-right:15px; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom i { display:inline-block; margin-right:5px; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom .view i { width:15px; height:14px; background-position:0px -188px; vertical-align: middle; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom .us i { width:13px; height:14px; background-position:-71px -186px; vertical-align: unset; }
.uz-designer .uz-designer-bd ul li .designer-user .button { display: block; float: left; width: 73px; height: 33px; line-height: 32px; text-align: center; border: 1px solid #eee; border-radius: 5px; margin: 14px 0 0 10px; background: #fff; color: #666; font-size: 12px; }
.uz-designer .uz-designer-bd ul li .designer-user .button.is_follow1 { width:75px; background:transparent; border-color:#0057ff; color: #0057ff; }
.uz-designer .uz-designer-bd ul li .designer-user .bottom .works-a { float: left; display:block; width:110px; height:80px; border-radius:5px; margin-right:6px; overflow:hidden; }
.uz-designer .uz-designer-bd ul li .designer-user .bottom .works-a img { width: 100%; height: 80px; }
.uz-designer .uz-designer-bd ul li .designer-user .bottom .works-a:last-child { margin-right: 0px; }
.uz-designer .uz-designer-bd ul li .designer-user:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); }
/*+------------------------------
 + Partner[Index]
 +-------------------------------*/
.uz-partner { padding: 40px 0 20px; }
.uz-partner .h5-tit { font-size:16px; color:#333; font-weight:bold; padding-bottom:20px; }
.uz-partner ul li { width: 180px; height: 113px; float: left; margin: 0px 20px 20px 0px; border-radius: 5px; overflow: hidden; }
.uz-partner ul li img { width: 100%; height: 100%; }
.uz-partner ul li:nth-of-type(6n) {
margin-right: 0px;
}
/*+------------------------------
 + Links[Index]
 +-------------------------------*/
.uz-links .h5-tit { font-size:16px; color:#333; font-weight:bold; padding-bottom:20px; }
.uz-links .uz-links-con { padding: 20px 20px 5px; border-radius: 5px; }
.uz-links .uz-links-con a { display: block; float: left; margin: 0 15px 15px 0; }
.uz-links .uz-links-con a:hover { color:#0057ff; }
/*+------------------------------
 + 作品、文章列表
 +-------------------------------*/
/*  筛选 */
.works-lists-top { background: #fff; }
.works-lists-top:after { display: block; clear: both; content: ""; }
.w-screen { height: 40px; padding: 20px 0 0; }
.w-screen .w-screen-l ul li { position: relative; width: 108px; height: 38px; line-height: 38px; float: left; border: 1px solid #eee; border-radius: 5px; color: #333; text-indent: 16px; margin-right: 8px; cursor: pointer; }
.w-screen .w-screen-l ul li.on i { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.w-screen .w-screen-l ul li .c-name { display: block; width: 78px; height: 38px; overflow: hidden; float: left; }
.w-screen .w-screen-l ul li i { display: block; float: left; width: 9px; height: 6px; background-position: -73px -107px; margin:16px 0 0 5px; transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.w-screen .w-screen-r a { display: block; width: 90px; height: 36px; line-height: 36px; text-align: center; background: #0057ff; color:#fff; border-radius: 5px; }
.w-screen .screen-type { width: 100%; padding: 10px 0; position: absolute; top: 39px; left: -1px; background: #fff; z-index: 350; box-shadow: 0 0 30px #c3c3c3; border-radius: 5px; }
.w-screen .screen-type a { display: block; }
.w-screen .screen-type a.t-on, .w-screen .screen-type a:hover { background: #f7f8fa; color: #0057ff; }
.screen-type.works-cate { width: 117px; }
.screen-type.works-cate ul li:after { display: block; content: ""; clear: both; }
.screen-type.works-cate ul li { position: relative; width: 100%; float: none; border: 0px; }
.screen-type.works-cate ul li a { border-radius: 5px; }
.screen-type.works-cate ul li .nth-of-type { display: none; position: absolute; top: 0px; right: -318px; background: #fff; width:298px; padding: 10px; z-index: 300; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow:0 0 10px #ccc; }
.screen-type.works-cate ul li:hover .nth-of-type { display: block; }
.screen-type.works-cate ul li .nth-of-type a { float: left; text-indent: 0px; text-align: center; padding: 0 15px; color: #666; }
.screen-type.works-cate ul li.t-on, .screen-type.works-cate ul li:hover { background: #f7f8fa; }
.screen-type.works-cate ul li.t-on .first a, .screen-type.works-cate ul li:hover .first a { color: #0057ff; }
.screen-type.works-cate ul li .nth-of-type a:hover, .screen-type.works-cate ul li .nth-of-type a.t-on { color: #0057ff }
.works-lists .works-lists-con:after { display: block; content: ""; clear: both; }
.works-lists .works-lists-con ul li .zf-bottom:after { display: block; content: ""; clear: both; }
.works-lists .works-lists-con ul li { position: relative; width:280px; height:388px; float:left; margin:0 20px 20px 0; border-radius:5px; overflow: hidden; }
.works-lists .works-lists-con ul li:nth-of-type(4n) {
margin-right: 0px;
}
.works-lists .works-lists-con ul li .bor-img { display: block; width: 280px; height: 210px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.works-lists .works-lists-con ul li img { width:280px; height:210px; }
.works-lists .works-lists-con ul li .title { position: relative; padding:15px 18px;/*border-radius: 5px;*/ }
.works-lists .works-lists-con ul li .title .istype { position: absolute; top: 14px; right: 20px; width: 16px; height: 20px; background-position: -134px -130px; }
.works-lists .works-lists-con ul li .title .istype.j-x { background-position: -101px -130px; }
.works-lists .works-lists-con ul li .title .istype.y-x { background-position: -157px -158px; }
.works-lists .works-lists-con ul li .title .istype.tj-0 { right: 0px; }
.works-lists .works-lists-con ul li h6 a { font-size:14px; color:#333; height: 36px; display: inline-block; }
.works-lists .works-lists-con ul li p { margin:5px 0; color:#999; font-size: 12px; }
.works-lists .works-lists-con ul li .title-bottom:after { display: block; content: ""; clear: both; }
.works-lists .works-lists-con ul li .title-bottom i { float: left; margin-right: 5px; }
.works-lists .works-lists-con ul li .title-bottom span { display: block; float:left; font-size: 12px; color:#999; margin-right: 15px; }
.works-lists .works-lists-con ul li .title-bottom .view i { margin-top: 3px; width: 15px; height: 11px; background-position: 0px -188px; }
.works-lists .works-lists-con ul li .title-bottom .hits i { width: 14px; height: 14px; background-position: -24px -186px; }
.works-lists .works-lists-con ul li .title-bottom .comment i { margin-top: 1px; width: 14px; height: 14px; background-position: -48px -186px; }
.works-lists .works-lists-con ul li .title-bottom .creatime i { width: 14px; height: 14px; background-position: -92px -186px; vertical-align: text-top; }
.works-lists .works-lists-con ul li .zf-bottom { border-top: 1px solid #eee; padding:0 15px; height: 56px; line-height: 56px; }
.works-lists .works-lists-con ul li .zf-bottom a { color: #999; font-size: 14px;}
.works-lists .works-lists-con ul li .zf-bottom a.time { padding-right: 0px; font-size: 12px; }
.works-lists .works-lists-con ul li .zf-bottom .user-sta { position: relative; width:60%; }
.works-lists .works-lists-con ul li .zf-bottom .user-sta-pic { display: block; width: 25px; height: 25px; float: left; margin:16px 5px 0 0; border-radius: 35px; overflow: hidden; }
.works-lists .works-lists-con ul li .zf-bottom .user-sta-pic img { width: 100%; height: 100%; }
.works-lists .works-lists-con ul li .zf-bottom .user-sta:hover .user-relevant { display:block; }
.works-lists .works-lists-con ul li .user-relevant { display: none; width: 347px; position: absolute; bottom: 56px; /*39*/ left: -16px; background: #fff; border-radius: 5px; padding: 20px 20px 10px; box-shadow: 0px 10px 30px #dcdcdc; z-index: 200; }
.works-lists .works-lists-con ul li .user-relevant .top:after { display: block; content: ""; clear: both; }
.works-lists .works-lists-con ul li .user-relevant .top { margin-bottom: 15px; }
.works-lists .works-lists-con ul li .user-relevant .top .left { width: 53%; height: 60px; }
.works-lists .works-lists-con ul li .user-relevant .top .left h5 { height: 20px; line-height: 20px; color: #333; font-weight: bold; padding-top: 10px; }
.works-lists .works-lists-con ul li .user-relevant .top .left p { margin: 0px; }
.works-lists .works-lists-con ul li .user-relevant .top .pic { display:block; width:60px; height:60px; border-radius:35px; margin-right:10px; overflow:hidden; }
.works-lists .works-lists-con ul li .user-relevant .top .pic img { width:100%; height:100%; }
.works-lists .works-lists-con ul li .user-relevant .top .operation { margin-top: 10px; }
.works-lists ul li .user-relevant .top .operation .button { display: block; float:left; width: 65px; height: 30px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; text-align: center; margin-left: 5px; cursor: pointer; background: #fff; color:#666; font-size: 12px; }
.works-lists .works-lists-con ul li .user-relevant .top .operation .button.add-follow { background: #0057ff; color: #fff; border:0; }
.works-lists ul li .user-relevant .top .operation .button.add-follow.is_follow1 { width:75px; background:transparent; border:1px solid #0057ff; color: #0057ff; }
.works-lists .works-lists-con ul li .user-relevant .bottom ul li { float: left; width: 110px; height: 80px; margin-right: 8px; border-radius: 5px; overflow: hidden; }
.works-lists .works-lists-con ul li .user-relevant .bottom ul li:last-child { margin-right: 0px; }
.works-lists .works-lists-con ul li .user-relevant .bottom ul li img { width: 100%; height: 100%; }
.works-lists .works-lists-con ul li .user-relevant .bottom-ico { position: absolute; bottom: -6px; left: 63px; display: block; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.news-comment { margin: 40px auto 0; }
.news-comment .n-title { font-size: 16px; color: #333; font-weight: bold; padding-bottom: 20px; }
.news-comment .works-lists-con ul li { margin-bottom: 0px; }
/*+------------------------------
 + 酷站列表
 +-------------------------------*/
.works-lists .works-lists-con.cool-list ul li { height: 307px; }
.w-screen .screen-type.ku-color { width: 264px; padding: 10px 10px 5px; }
.screen-type.ku-color a { display: block; float: left; width: 85px; height: 35px; text-indent: 8px; margin: 0 3px 5px 0px; border-radius: 5px; }
.screen-type.ku-color a:first-child { text-indent: 0px; text-align: center; }
.screen-type.ku-color a:nth-of-type(4n), .screen-type.cate-cool a:nth-of-type(4n) {
margin-right: 0px;
} {
margin-right: 0px;
}
.screen-type.ku-color em { display: block; float: left; width: 15px; height: 15px; border-radius: 35px; margin: 11px 0 0 10px; }
.screen-type.cate-cool { padding: 10px 10px 5px; width: 350px; }
.screen-type.cate-cool a { float: left; text-indent: 0; width: 85px; border-radius: 5px; margin: 0 3px 5px 0px; text-align: center; }
/*+------------------------------
 + 设计师
 +-------------------------------*/
.design-list .d-screen:after, .design-list .d-screen-top:after, .design-list .d-screen-bottom:after { display: block; content: ""; clear: both; }
.design-list .d-screen { background: #fff; }
.design-list .d-screen .d-screen-l ul li { position: relative; }
.design-list .d-screen .d-screen-l ul li .scre-occ { padding:10px 10px 5px; width:175px; position:absolute; top:40px; left:0px; background: #fff; border-radius: 5px; box-shadow: 0 0 30px #c3c3c3; z-index: 310; }
.design-list .d-screen .d-screen-l ul li .scre-occ a:hover, .design-list .d-screen .d-screen-l ul li .scre-occ a.t-on { background: #f7f8fa; color: #0057ff; }
.design-list .d-screen .d-screen-l ul li .scre-occ a { display:block; float: left; width: 85px; text-align: center; border-radius: 5px; margin:0 5px 5px 0; }
.design-list .d-screen .d-screen-l ul li .scre-occ a:nth-of-type(2n) {
margin-right: 0px;
}
.design-list .d-screen .d-screen-l ul li.on i { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.design-list .d-screen-top { padding: 20px; }
.design-list .d-screen-top ul li { position: relative; line-height:40px; margin: 0 15px; float: left; cursor: pointer; }
.design-list .d-screen-top ul li.scre { margin: 0px; cursor: default; }
.design-list .d-screen-top ul li .c-name { display: block; float: left; }
.design-list .d-screen-top ul li i { display: block; float: left; width: 9px; height: 6px; background-position: -73px -107px; margin:17px 0 0 5px; transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.design-list .d-screen-r a { display: block; width: 90px; height: 38px; line-height: 38px; text-align: center; float: left; color: #333; border: 1px solid #fff; border-radius: 5px; margin-left: 3px; }
.design-list .d-screen-r a:hover, .design-list .d-screen-r a.on { border-color:#e5e5e5; color: #0057ff; }
.design-list .d-screen-bottom { padding: 15px 20px; border-top: 1px solid #eee; line-height: 35px; }
.design-list .d-screen-bottom .tips i { float: left; width: 16px; height: 16px; background-position: -115px -106px; margin:10px 5px 0 0; }
.design-list .d-screen-bottom .news-works { color: #999; }
.design-list .d-screen-bottom .news-works a { display: block; float: right; width: 80px; height: 35px; line-height: 35px; text-align: center; background: #0057ff; border-radius: 5px; color: #fff; margin-left: 15px; }
.design-lists-con ul li:after { display: block; content: ""; clear: both; }
.design-lists-con ul li { padding: 30px 20px; border-bottom: 1px solid #eee; }
.design-lists-con .follow-left .pic { display:block; width:100px; height:100px; margin-top: 5px; border-radius:150px; margin-right:20px; overflow:hidden; }
.design-lists-con .follow-left .pic img { width:100px; height:100px; }
.design-lists-con .follow-left .follow-top-a h5 { font-weight: bold; line-height: normal; padding:10px 0 0 0; }
.design-lists-con .follow-left .follow-top-a h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.design-lists-con .follow-left .follow-top-a h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.design-lists-con .follow-left .follow-top-a h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.design-lists-con .follow-left .follow-top-a h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.design-lists-con .follow-left .follow-top-a p { margin: 8px 0px; }
.design-lists-con .follow-left .follow-top-a p em { color: #333; }
.design-lists-con .follow-left .follow-top-a .button { display: block; float: left; width: 65px; height: 30px; line-height: 28px; border: 1px solid #eee; background: #fff; border-radius: 5px; margin-right: 8px; color: #666; font-size: 12px; }
.design-lists-con .follow-left .follow-top-a .button:last-child { background: #0057ff; color: #fff; border: 0; }
.design-lists-con .follow-left .follow-top-a .button.is_follow1 { width: 75px; background: transparent; border: 1px solid #0057ff; color: #0057ff; }
.design-lists-con .follow-right { width:645px; }
.design-lists-con .follow-right ul li { float:left; width:150px; height:112px; border-radius:5px; margin-right:15px; padding:0px; border-bottom:0px; overflow:hidden; }
.design-lists-con .follow-right ul li:last-child { margin-right: 0px; }
.design-lists-con .follow-right ul li img { width: 100%; height: 100%; }
/*+------------------------------
 + 设计导航
 +-------------------------------*/
.navigation-top { padding:0 30px; height:80px; line-height:80px; }
.navigation-top ul li { float: left; font-weight: bold; color: #333; margin-right: 15px; cursor: pointer; }
.navigation-top ul li:hover { color: #0057ff; }
.navigation-lists-con .navig-li:after { display: block; clear: both; content: ""; }
.navigation-lists-con .navig-li { padding: 0 30px; }
.navigation-lists-con .navig-li h5 { font-size: 16px; font-weight: bold; color: #333; padding: 25px 0px; }
.navigation-lists-con .navig-li ul li { position: relative; width: 218px; float: left; line-height: 40px; margin-bottom: 20px; }
.navigation-lists-con .navig-li ul li img { margin-right: 10px; }
.navigation-lists-con .navig-li ul li .dask { display: none; width: 240px; padding: 20px; position: absolute; top: 50px; background: #fff; border-radius: 5px; border: 1px solid #eee; z-index: 310; }
.navigation-lists-con .navig-li ul li .dask i { position: absolute; top: -9px; left: 60px; display: block; width: 13px; height: 9px; background: url("../images/top.png"); }
.navigation-lists-con .navig-li ul li:hover .dask { display: block; }
/*+------------------------------
 + 单页管理
 +-------------------------------*/
.page-left { width:220px; padding-bottom: 20px; border-radius:5px; text-indent:30px; overflow:hidden; }
.page-left h5 { height:55px; line-height:55px; background:#0057ff; }
.page-left h5 a { color:#fff; }
.page-left h5 a, .page-left ul li a { display: block; font-size:16px; }
.page-left ul li { height:35px; line-height:35px; margin-top:15px; }
.page-left ul li a { border-left: 2px solid #fff; text-indent: 28px; }
.page-left ul li a.on, .page-left ul li:hover a { color:#0057ff; border-left-color: #0057ff; }
.page-right { width: 940px; border-radius:5px; overflow:hidden; }
.page-right h5 { height: 55px; line-height: 55px; border-bottom: 1px solid #eee; text-indent: 20px; font-size: 16px; }
.page-right .page-content { padding: 20px; line-height: 25px; }
.page-right .page-content p { line-height: 25px; }
/*+------------------------------
 + 榜单
 +-------------------------------*/
.ulist-lists:after, .ulist-lists ul li:after, .ulist-lists ul li .title-bottom:after { display:block; content:""; clear:both; }
.ulist-lists { border-radius: 5px; }
.ulist-lists .utitle { padding:30px 60px; margin: 20px 0 0; border-bottom: 1px solid #eee; }
.ulist-lists .utitle .count { font-size:22px; color: #333; }
.ulist-lists .utitle .only-qi { display: inline-block; padding-left: 60px; color: #666; }
.ulist-lists .utitle .only-qi .number { font-size: 22px; color: #333; padding: 0 5px; }
.ulist-lists .utitle .utime { padding-left: 10px; }
.ulist-lists .utitle .see-ulist { position: relative; cursor: pointer; }
.ulist-lists .utitle .see-ulist i { display: inline-block; width: 9px; height: 6px; background-position: -73px -107px; vertical-align: middle; margin-left:5px; transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.ulist-lists .utitle .see-ulist .old-bangdan { display: none; position: absolute; top: 20px; left: -70px; width: 200px; max-height: 620px; padding: 10px 0; background: #fff; border-radius: 5px; overflow-y: auto; -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); z-index: 600; }
.ulist-lists .utitle .see-ulist .old-bangdan a { display: block; padding: 12px 25px; }
.ulist-lists .utitle .see-ulist .old-bangdan h5 { color: #666; }
.ulist-lists .utitle .see-ulist .old-bangdan p { color: #999; font-size: 12px; }
.ulist-lists .utitle .see-ulist:hover .old-bangdan { display: block; }
.ulist-lists .utitle .see-ulist:hover i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.ulist-lists .utitle .see-ulist .old-bangdan a.on, .ulist-lists .utitle .see-ulist .old-bangdan a:hover { background: #f9f9f9; }
.ulist-lists .utitle .see-ulist .old-bangdan a.on h5, .ulist-lists .utitle .see-ulist .old-bangdan a:hover h5, .ulist-lists .utitle .see-ulist .old-bangdan a.on p, .ulist-lists .utitle .see-ulist .old-bangdan a:hover p { color: #333; }
/* webkit内核 滚动条*/
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar {
width:3px;
background-color:#006eff;
}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-thumb {
width:3px;
background-color:#999;
}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-track-piece {
width:3px;
background-color:#f8f8f8;
}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-thumb:hover {
width:3px;
background-color:#0057ff;
}
.ulist-lists ul li { position:relative; padding:30px 50px 30px 70px; border-bottom: 1px solid #eee; }
.ulist-lists ul li .top-num { position:relative; width:82px; margin-right:65px; }
.ulist-lists ul li .top-num img { width: 100%; margin: 55px 0 0 0; }
.ulist-lists ul li .top-num .top-num { display: block; font:normal bold 30px arial; color: #ffb829; padding:95px 0 0 7px; }
.ulist-lists ul li .bor-img { display:block; float:left; width:280px; height:210px; border-radius:5px; overflow:hidden; }
.ulist-lists ul li .bor-img img { width:100%; }
.ulist-lists ul li .ulists .works-tit { float:left; width:600px; margin-left:30px; }
.ulist-lists ul li .ulists .h5 { padding:25px 0 8px; }
.ulist-lists ul li .ulists .h5 a { font-size:24px; color:#333; }
.ulist-lists ul li .ulists .subtitle { font-size:12px; color:#999; }
.ulist-lists ul li .title-bottom { margin:15px 0 30px; }
.ulist-lists ul li .title-bottom span { display:block; float:left; font-size:12px; color:#999; margin-right:15px; }
.ulist-lists ul li .title-bottom .view i { margin-top:3px; width:15px; height:11px; background-position: 0px -188px; }
.ulist-lists ul li .title-bottom .hits i { width: 14px; height: 14px; background-position: -24px -186px; }
.ulist-lists ul li .title-bottom .comment i { margin-top: 1px; width: 14px; height: 14px; background-position: -48px -186px; }
.ulist-lists ul li .title-bottom i { float: left; margin-right: 5px; }
.ulist-lists ul li .user-data .u img { width: 40px; height: 40px; border-radius: 55px; }
.ulist-lists ul li .user-data .uname { font-size: 14px; color: #333; font-weight: bold; line-height: 40px; margin-left:5px; }
.ulist-lists ul li .user-data .level-u { margin: 10px 0 0 5px; }
.ulist-lists ul li .user-data .level-u span { display:inline-block; width:19px; height:22px; margin:0 3px; }
.ulist-lists ul li .user-data .level-u .is_off { background-position: -25px -161px; vertical-align: middle; }
.ulist-lists ul li .user-data .level-u .is_real { background-position: -51px -161px; vertical-align: middle; }
.ulist-lists ul li .user-data .level-u .interview { background-position: 0 -161px; vertical-align: middle; margin-left: 8px; }
.ulist-lists ul li .button-a { position: absolute; bottom: 45px; right: 50px; }
.ulist-lists ul li .button-a .works-ls { display: inline-block; width: 88px; border: 1px solid #eee; font-size: 12px; height:34px; line-height:34px; text-align: center; border-radius: 5px; background: #fff; }
.ulist-lists ul li .button-a .works-ls:hover { background: #0057ff; color: #fff; border-color: #0057ff; }
.ulist-lists ul li .button-a .add-follow { width: 80px; height: 36px; background: #0057ff; color: #fff; font-size: 12px; border: 0; border-radius: 5px; margin-left: 8px; }
.ulist-lists ul li .button-a .button.is_follow1 { width: 75px; background: transparent; border:1px solid #0057ff; color: #0057ff; }
.ulist-lists .remark { padding: 40px 30px; }
.ulist-lists .remark h6 { font-weight: bold; color: #333; padding-bottom: 12px; }
.ulist-lists .remark p { font-size: 12px; }
.ulist-lists .remark .sm { margin-top: 25px; }
.ulist-lists .jiaoliu { font-size: 14px; color: #333; margin-top: 20px; }
.ulist-lists .jiaoliu span { color:#ffb829; font-size: 14px; }
/*+------------------------------
 + 专访
 +-------------------------------*/
.interview-lists-con { border-radius: 5px; }
.interview-lists-con ul li:after { display: block; content: ""; clear: both; }
.interview-lists-con ul li { padding: 25px; border-bottom: 1px solid #e6e6e6; transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.interview-lists-con ul li:last-child { border-bottom: none; }
.interview-lists-con ul li .bor-img { display: block; width: 285px; height: 211px; border-radius: 5px; margin-right: 25px; overflow: hidden; }
.interview-lists-con ul li .bor-img img { width: 100%; }
.interview-lists-con ul li .remark h5 { font-size: 22px; color: #333; padding-top: 40px; }
.interview-lists-con ul li .remark h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.interview-lists-con ul li .remark h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.interview-lists-con ul li .remark h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.interview-lists-con ul li .remark h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.interview-lists-con ul li .remark p { min-height: 50px; color: #333; padding: 20px 0 25px; line-height: 24px; }
.interview-lists-con ul li .remark .more { color: #999; }
.interview-lists-con ul li:hover { background: #fafafa; }
.interview-lists-con ul li:hover .more { color: #0057ff; }
/*+------------------------------
 + 品牌企业
 +-------------------------------*/
.scree-rec:after, .brand-ceng .brand-input:after, .brand-ceng .brand-input ul li:after { display:block; content:""; clear:both; }
.scree-rec { padding:28px 0; }
.scree-rec .scree-l { width:65%; }
.scree-rec .scree-l ul li { line-height:33px; }
.scree-rec .scree-l a { padding:7px 15px; border-radius:65px; margin-left:5px; }
.scree-rec .scree-l a:hover, .scree-rec .scree-l a.on { background:#fe3a2c; color:#fff; }
.scree-rec .txt-brand span { color: #999; line-height: 33px; padding-right: 15px; }
.scree-rec .go-brand { cursor: pointer; padding:7px 22px; background:#0057ff; color:#fff; border-radius:65px; }
/** 列表 **/
.brand-index .brand-ul li { width: 280px; height: 350px; background: #fff; float: left; margin: 20px 20px 0 0; border-radius: 5px; transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
}
.brand-index .brand-ul li:nth-of-type(4n) {
margin-right: 0;
}
.brand-index .brand-ul li .img-logo { border-bottom: 1px solid #f0f0f0; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.brand-index .brand-ul li .remark { padding: 20px 15px; }
.brand-index .brand-ul li .remark h5 { font-size: 14px; color: #333; padding-bottom: 7px; font-weight: bold; }
.brand-index .brand-ul li .remark p { line-height: 25px; color: #999; }
.brand-index .brand-ul li .remark p a:hover { color: #0057ff; }
.brand-index .brand-ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); }
/** 层 **/
.brand-ceng { position: absolute; top: 50%; left: 50%; width: 600px; background: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-radius: 5px; z-index: 1005; }
.brand-ceng .colse-x { position: absolute; top: 16px; right: 16px; display: block; width: 11px; height: 11px; background: url("../images/colse-samll.png") no-repeat; cursor: pointer; transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.brand-ceng .colse-x:hover { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.brand-ceng .tit { font-size: 24px; color: #333; height: 70px; line-height: 70px; border-bottom: 1px solid #e6e6e6; text-align: center; }
.brand-ceng .brand-input { width: 438px; margin: 20px auto 0; padding-bottom: 45px; }
.brand-ceng .brand-input ul li { height: 48px; line-height: 48px; margin: 0 0 10px 0; }
.brand-ceng .brand-input label { display: block; width: 58px; float: left; text-align: right; color: #333; }
.brand-ceng .brand-input .int-right { position: relative; width: 358px; height: 46px; float: right; border: 1px solid #e6e6e6; border-radius: 5px; overflow: hidden; }
.brand-ceng .brand-input .int-right .up-img { position: relative; width: 92px; height: 40px; line-height: 40px; font-size: 12px; color: #333; border-radius: 5px; background: #fc3b2c; color: #fff; text-align: center; margin: 3px 0 0 3px; cursor: pointer; overflow: hidden; }
.brand-ceng .brand-input .int-right .up-img #up-logo { width: 100%; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; z-index: 5; font-size: 60px; }
.brand-ceng .brand-input .int-right .size { font-size: 12px; padding-right: 20px; }
.brand-ceng .brand-input ul li.up-img-load { display: none; height: auto; line-height: inherit; }
.brand-ceng .brand-input .up-img-load .int-right { height: auto; line-height: inherit; border: 0; }
.brand-ceng .brand-input .up-img-load .int-right img { border: 1px solid #e6e6e6; border-radius: 5px; }
.brand-ceng .brand-input .int-right .text-class { width: calc(100% - 20px); height: 48px; border: 0; padding: 0 10px; }
.brand-ceng .brand-input .int-right.subtit { border-color: #0057ff; margin-top: 10px; }
.brand-ceng .brand-input .int-right.subtit .input-sub { display: block; background: #0057ff; color: #fff; width: 100%; height: 46px; border: 0; cursor: pointer; }
.brand-input .tips-r { display: block; margin:20px 0 0 75px; }
/**  分页 **/
.pagination { text-align: center; }
.pagination li { display: inline-block; width: 38px; height: 38px; line-height: 40px; text-align: center; border: 1px solid #eee; margin-right: 5px; background: #fff; border-radius: 5px; }
.pagination li a { display: block; font-family: "Arial"; }
.pagination li span, .pagination li a { color: #999; }
.pagination li.active { background: #0057ff; }
.pagination li.disabled.prev, .pagination li.disabled.next { display: none; }
.pagination li.active span, .pagination li.active a { color: #fff }
/** 没有数据 **/
.empty-img { position: relative; padding: 50px 0; text-align: center; }
/*内容页*/
.guess-love .works-lists-con ul li, .scroll-show-user { transition: all .4s ease-out;
 -webkit-transition: all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
}
.guess-love .works-lists-con ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); overflow: inherit; }
.guess-love .works-lists-con ul li .user-relevant .bottom ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.empty { padding: 50px 20px; background: #fff; font-size: 16px; }
/** 悬浮 **/
.scroll-show-user { position: fixed; left: 0; top: 0; width: 100%; height: 0px; line-height: 60px; background: #fff; overflow: hidden; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); z-index: 10006; }
.scroll-show-user.fix-show { height: 60px; overflow: visible; }
.scroll-show-user .l-u-img { position: relative; }
.scroll-show-user .bor-rad { display: block; float: left; width: 30px; height: 30px; margin: 15px 8px 0 0; border-radius: 65px; overflow: hidden; }
.scroll-show-user h1 { float: left; font-size: 16px; color:#333; }
.scroll-show-user .bor-rad img { width: 100%; }
.scroll-show-user .istype { display:block; float:left; margin:19px 0 0 8px; width: 16px; height: 20px; background-position: -134px -130px; }
.scroll-show-user .istype.j-x { background-position: -101px -130px; }
.scroll-show-user .istype.y-x { background-position: -157px -158px; }
.scroll-show-user .r-u-type .scro-but { width: 80px; height: 30px; line-height: 30px; border: 1px solid #eee; border-radius: 5px; text-indent: -13px; background: #fff; cursor: pointer; margin-left: 10px; font-size: 12px; }
.scroll-show-user .r-u-type .collection:disabled { background: #999; color: #fff; border: 0px; }
.scroll-show-user .r-u-type .scro-but i { float: left; width: 15px; height: 15px; }
.scroll-show-user .r-u-type .collection i { background-position: -136px 0; margin: 7px 0 0 19px; }
.scroll-show-user .r-u-type .comm-md i { background-position: -110px -34px; margin: 9px 0 0 15px; }
.scroll-show-user .user-left-show { width: 30px; height: 60px; padding-right: 10px; }
.scroll-show-user .user-left-show:hover .user-relevant { display: block; }
.scroll-show-user .user-relevant { display: none; width:135px; position:absolute; top:60px; left:0; background: #fff; border-radius:5px; padding:20px 20px 10px; box-shadow:0px 0px 30px #dcdcdc; z-index:200; }
.scroll-show-user .user-relevant .top:after { display: block; content: ""; clear: both; }
.scroll-show-user .user-relevant .top { margin-bottom: 15px; text-align: center; }
.scroll-show-user .user-relevant .top .left h5 { color: #333; font-weight: bold; padding: 6px 0 0; line-height: normal; }
.scroll-show-user .user-relevant .top .left p { margin: 0px; }
.scroll-show-user .user-relevant .top .pic { display:block; width:60px; height:60px; border-radius:35px; margin-right:10px; margin:0 auto; overflow:hidden; }
.scroll-show-user .user-relevant .top .pic img { width:100%; height:100%; }
.scroll-show-user .user-relevant .top .operation { margin-top: 10px; }
.scroll-show-user .user-relevant .top .operation .button { display: block; float:left; width: 60px; height: 30px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; text-align: center; margin-left: 5px; cursor: pointer; background: #fff; font-size: 12px; }
.scroll-show-user .user-relevant .top .operation .button.add-follow { background: #0057ff; color: #fff; }
.scroll-show-user .user-relevant .top .operation .button.add-follow.is_follow1 { width:65px; background:transparent; border-color:#0057ff; color: #0057ff; }
.scroll-show-user .user-relevant .bottom-ico { position: absolute; top: -5px; left: 15px; display: block; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.works-show .works-show-top .top-title { max-width: 640px; }
.works-show .works-article .works-show-top .top-title { max-width: 100%; }
.works-show-top .top-title h1 { font-size: 24px; color: #333; }
.works-show-top .top-title .istype { display:inline-block; margin-left:15px; width:16px; height:20px; background-position: -134px -130px; }
.works-show-top .top-title .istype.j-x { background-position: -101px -130px; }
.works-show-top .top-title .istype.y-x { background-position: -157px -158px; }
.works-show-top:after { display: block; clear: both; content: "" }
.works-show-top { padding: 30px 25px; border-radius: 5px; }
.works-show-top .title-bottom { margin: 8px 0 }
.works-show-top .title-bottom i { display: inline-block; margin-right: 5px; }
.works-show-top .title-bottom span { color:#999; margin-right: 15px; }
.works-show-top .title-bottom .view i { width: 20px; height: 17px; background-position: -83px -30px; vertical-align: text-top; }
.works-show-top .title-bottom .hits i { width: 17px; height: 17px; background-position: -30px -35px; vertical-align: text-top; }
.works-show-top .title-bottom .comment i { width: 17px; height: 17px; background-position: -56px -35px; vertical-align: text-top; }
.works-show-top .top-title p, .works-show-top .top-title p a { color: #999 }
.works-show-top .top-links { margin:22px 0 0 60px; }
.works-show-top .top-links .button { display: block; float: left; width: 73px; height: 33px; line-height: 32px; text-align: center; border: 1px solid #eee; border-radius: 5px; margin-left: 10px; background: #fff; color: #666; font-size: 12px; }
.works-show-top .top-links .button:last-child { background:#0057ff; color:#fff; border: 0; }
.works-show-top .top-links .button.is_follow1 { width:75px; background:transparent; border: 1px solid #0057ff; color: #0057ff; }
.works-show-top .top-user .user-pic { display: block; width: 80px; height: 80px; border-radius: 50px; margin-right:12px; overflow: hidden; }
.works-show-top .top-user .user-name h5 { font-size:16px; color:#333; margin-top:20px; }
.works-show-top .top-user .user-name h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.works-show-top .top-user .user-name h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.works-show-top .top-user .user-name h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.works-show-top .top-user .user-name h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.show-works-back { background: #fff; }
.works-show-content { padding:0; /*! text-align:center; */ border-top-left-radius: 5px; border-top-right-radius: 5px; overflow:hidden; line-height: 35px; }
.works-show-content img { max-width:100%; display: block; margin: 0 auto; }
.works-show-content .works-remark { padding: 20px; text-align: initial; }
.works-show-content .works-remark.class-black { color: rgba(255, 255, 255, .7); }
.works-show-content .works-remark.class-defult { color: rgba(255, 255, 255, .8); }
.works-show-content .works-remark.article { padding: 25px 20px; background: #f7f8fa; border-radius: 5px; margin-bottom: 20px; color: #333; }
.works-show-content .works-video { width: 600px; height: 400px; margin: 0 auto 15px; overflow: hidden; }
.works-show-content .data-url { padding: 20px 0px 20px 20px; text-align: left; font-size: 12px; }
.works-show-content .data-url a { color: #999; }
.works-show-share { position:relative; border-top: 1px solid #eee }
.works-show-share:after, .works-show-share-top:after, .works-show-share-bottom:after { display: block; content: ""; clear: both; }
.works-show-share-top { padding:55px 20px 50px; border-bottom: 1px solid #eee }
.works-show-share .share { width: 30%; }
.works-show-share .share span { display:block; float:left; line-height:32px; color:#999; }
.works-show-share .share .bdshare-button-style0-32 a { margin: 0 6px 0 0; background: url("../images/share.jpg") no-repeat 0 -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_tsina { background-position: -43px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_sqq { background-position: -85px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_qzone { background-position: -127px -5px; }
/** 点赞 **/
.works-show-share .dzan { position:absolute; top:18px; left:50%; width:150px; height:70px; background:#0057ff; border-radius:35px; margin: 0 auto; color:#fff; text-align:center; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border: 0px; }
.works-show-share .dzan:disabled { background:#999 }
.works-show-share .dzan .bg-zan { display:block; width:21px; height:21px; background:url("../images/dzan.png") no-repeat; margin:7px auto 0; }
.works-show-share .dzan .zan-num { font-size: 16px; }
.works-show-share .dzan.article-top { top: 75px; }
.works-show-share #add-num { display: none; }
.works-show-share #add-num.add-animation { color: #eb4f38; position:absolute; top:-15px; left: 63px; font-size: 18px; opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; animation: mypraise 0.5s; -moz-animation: mypraise 0.5s; -webkit-animation: mypraise 0.5s; -o-animation: mypraise 0.5s; font-style:normal; }
@keyframes mypraise { 0% {
top:-15px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
 25% {
top:-20px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 50% {
top:-25px;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity:1;
}
 75% {
top:-30px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 100% {
top:-35px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
}
@-moz-keyframes mypraise { 0% {
top:-15px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
 25% {
top:-20px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 50% {
top:-25px;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity:1;
}
 75% {
top:-30px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 100% {
top:-35px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
}
.works-show-share .dzan.ku-color-go { line-height: 70px; }
.y-hidden .works-show-share .dzan { width: 100px; height: 45px; position: fixed; top:95%; left: 50%; z-index: 100010; }
.y-hidden .works-show-share .dzan.ku-color-go { line-height: 45px; }
.y-hidden .works-show-share .dzan .bg-zan { float: left; margin: 0 0 0 26px; }
.y-hidden .works-show-share .dzan .zan-num { float: left; margin-left: 8px; }
.y-hidden .works-show-share #add-num.add-animation { left: 38px; top: 0px; }
.y-hidden .show-big-thumb { display: block; }
.show-big-thumb { display:none; position:fixed; width:50px; bottom:2%; right:2%; z-index:100010; }
.show-big-thumb ul li { width:50px; height:50px; line-height:50px; text-align:center; border-radius:65px; color:#fff; font-size:12px; margin-top:12px; background:#0057ff; cursor:pointer; overflow:hidden; }
.show-big-thumb ul li.img { background:transparent; }
.show-big-thumb ul li img { width:100%; }
.show-big-thumb ul li .collection { width:50px; height:50px; background:transparent; border:0; color:#fff; }
.show-big-thumb ul li .collection:disabled { background:#999; }
.y-hidden .register { z-index:100015; }
.y-hidden .back-model.invita { background:rgba(0, 0, 0, .8); z-index:100011; }
/** 收藏 **/
.works-show-share .coll-rep { line-height:40px; }
.works-show-share .coll-rep span { display: block; float: left; margin-right: 50px; }
.works-show-share .coll-rep .is-coll { padding: 0 25px; }
.works-show-share .coll-rep .collection { width:98px; height:38px; line-height:38px; border:1px solid #eee; border-radius:5px; text-indent:-22px; background: #fff; }
.works-show-share .coll-rep .report i, .works-show-share .coll-rep .collection i { float:left; width:15px; height:15px; }
.works-show-share .coll-rep .collection i { background-position:-136px 0; margin:11px 0 0 20px; }
.works-show-share .coll-rep .report i { background-position:-134px -34px; margin:14px 7px 0 0px; }
.works-show-share .coll-rep .collection:disabled { background: #999; color: #fff; border: 0px; }
.works-show-share .coll-rep .collection:hover { border-color: #b9b9b9; }
.works-show-share-bottom { position: relative; padding: 20px; }
.works-show-share-bottom.wfile .labels, .works-show-share-bottom.wfile .new-zan { width: 45%; }
.works-show-share .labels, .works-show-share .new-zan { width: 90%; }
.works-show-share .labels { margin-top: 5px; }
.works-show-share .labels span { display: block; color: #999; float: left; }
.works-show-share .labels a { padding:5px 15px; border:1px solid #eee; border-radius:5px; margin:0 5px 0 2px; font-size: 12px; }
.works-show-share .labels a:hover { background: #0057ff; color: #fff; border-color: #0057ff; }
.works-show-share-bottom.wfile .url-file { display: block; }
.works-show-share .url-file { display: none; position: absolute; top: 6px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); cursor: pointer; color: #0057ff; }
.works-show-share .url-file i { float: left; width: 18px; height: 18px; margin-right: 3px; background-position: -140px -182px; }
.url-file-org { width: 360px; position: fixed; top: 50%; left: 50%; background: #fff; border-radius: 5px; ; margin: 0 0 0 -180px; z-index: 10007; }
.url-file-org h5 { font-size: 16px; color: #333; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px solid #e6e6e6; }
.url-file-org .url-file-list { padding: 15px 15px 30px; }
.url-file-org .url-file-list ul li { height: 35px; line-height: 35px; overflow: hidden; }
.url-file-org .url-file-list ul li a { color: #0057ff; }
.url-file-org .colse-url { position:absolute; top:10px; right:10px; display:block; width: 25px; height: 25px; background: url(../images/colse.png) no-repeat; background-size: 25px; cursor: pointer; }
.url-file-org .url-file-list ul li .copy-pwds { margin-left: 10px; padding: 3px 10px; background: #0057ff; color: #fff; cursor: pointer; border-radius: 5px; }
.works-show-share .new-zan { text-align: right; }
.works-show-share .new-zan span { line-height: 26px; margin-left: 15px; }
.works-show-share .new-zan a { display: block; float: right; width: 26px; height: 26px; border-radius: 35px; margin-left: 5px; border: 1px solid #eee; overflow: hidden; }
.works-show-share .new-zan img { width: 100%; vertical-align: middle; }
.works-article { border-radius: 5px; }
.works-article .works-show-top .title-bottom { margin: 0 }
.works-article .works-show-content { padding: 20px; text-align: inherit; border-top: 1px solid #eee; }
.works-article .works-show-content p, .works-article .works-show-content p span { white-space: normal !important; }
.works-article .works-show-content .data-url { padding: 20px 0px 0; text-align: left; font-size: 12px; }
.works-article .works-show-content .data-url a { color: #999; }
/** 酷站 **/
.works-show-top.cool-show .title-bottom .creatime i { width:17px; height:17px; background-position:-89px -107px; vertical-align:text-top; margin-right:5px; }
.cool-show .go-web { padding: 5px 15px; background: #0057ff; color: #fff; border-radius: 5px; }
.thank-user { padding: 20px; }
.thank-user p a { color:#0057ff; }
/** 专访 **/
.interview-show { position: relative; }
.interview-show .ico-int { position: absolute; top: -8px; right: 28px; display: block; width: 50px; height: 61px; background: url(../images/inter.png)no-repeat; }
.interview-txt .works-desc h6 { font-size: 16px; color: #333; padding-bottom: 10px; }
.interview-txt .works-desc { color: #333; line-height: 24px; padding-bottom:35px; border-bottom: 1px solid #eee; margin-bottom: 35px; }
.interview-txt .inter-content, .interview-txt .inter-content p { line-height: 25px; color: #333; }
.interview-txt .dialogue { color: #0057ff; padding-bottom:15px; }
.interview-txt .inter-contact { padding-top:30px; margin-top: 30px; border-top:1px solid #eee; }
.interview-txt .inter-contact h6 { font-size: 14px; color: #333; padding-bottom: 15px; font-weight: bold; }
.interview-txt .inter-contact ul:after { display: block; content: ""; clear: both; }
.interview-txt .inter-contact ul { padding: 25px 25px 10px; border: 1px solid #eee; border-radius: 5px; }
.interview-txt .inter-contact ul li { width: 45%; float: left; margin-bottom: 15px; }
.interview-txt .inter-contact ul li, .interview-txt .inter-contact ul li a { color: #333; }
.interview-txt .inter-contact ul li a:hover { color: #0057ff; }
.inter-contact .is-no-user { color: #999 !important; cursor: pointer; }
.interview-txt .inter-recommend { margin: 15px 0; padding: 25px; background: #f7f8fa; }
.interview-txt .inter-recommend .recomm-aend:hover, .interview-txt .inter-recommend a { color: #0057ff; }
.interview-txt .inter-recommend .recomm-aend { color: #666; }
.interview-txt .works-show-share-top { border-bottom: 0; min-height: 18px; padding: 55px 20px 65px; }
.interview-txt .works-show-share-top a:hover { color: #0057ff; }
.user-left .interview-top .user-pic img { margin: 40px 0 15px; }
.interview-user-top { position: absolute; top: 18px; right: 20px; }
.interview-user-top span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.interview-user-top .is_off { background-position: -25px -161px; vertical-align: middle; }
.interview-user-top .is_real { background-position: -51px -161px; vertical-align: middle; }
.interview-user-top .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.user-left .interview-top .copy-u-url { padding: 30px 0 10px; border-top: 1px solid #e6e6e6; margin-top: 30px; }
.user-left .user-left-top .copy-url { width: 80px; height: 40px; text-align: center; line-height: 40px; background: #0057ff; color: #fff; cursor: pointer; border-radius: 5px; margin: 0 auto; }
/* 用户基本信息 */
.com-h5 { font-size: 16px; line-height: 55px; color: #333; text-indent: 15px; }
.com-h5 em { font-size: 12px; color: #999; padding-right: 15px; }
input:focus { border:1px solid #7cb1ff }
.user-left { width: 280px; }
.user-left.w220 { width:220px; }
.tabs-user .u-zf-tabs ul li, .u-dt-tabs ul li, .u-tj-tabs ul li, .collajax-sc-ul li { transition: all .4s ease-out;
 -webkit-transition: all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
}
.tabs-user .u-zf-tabs ul li:hover, .u-dt-tabs ul li:hover, .u-tj-tabs ul li:hover, .collajax-sc-ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); overflow: inherit; }
/* 上边 */
.user-left .user-left-top { position: relative; text-align: center; padding-bottom: 20px; border-radius: 5px; }
.user-left .user-pic img { width:90px; max-height:90px; border-radius:50px; margin:62px 0 15px; overflow:hidden; }
.copy-u-url { padding: 30px 0 20px; border-top: 1px solid #e6e6e6; margin-top: 30px; }
.copy-u-url.recru-code { padding: 20px 0 0; margin-top: 20px; }
.user-left .user-left-top .copy-url { width: 80px; height: 40px; text-align: center; line-height: 40px; background: #0057ff; color: #fff; cursor: pointer; border-radius: 5px; margin: 0 auto; }
.user-left .user-left-top .sm-top { position: absolute; top: 10px; }
.user-left .user-left-top .sm-top.u-l, .user-left .user-left-top .sm-top.u-r { right: 10px; }
.user-left .user-left-top .sm-top span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.user-left .user-left-top .is_off { background-position: -25px -161px; vertical-align: middle; }
.user-left .user-left-top .is_real { background-position: -51px -161px; vertical-align: middle; }
.user-left .user-left-top .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.user-left .user-left-top h5 { font-size: 14px; color:#333; font-weight: bold; }
.user-left .user-left-top span { font-size: 12px; color: #666 }
.user-left .u-mun { margin: 0 auto; }
.user-left .u-mun ul li { width:25%; display:inline-block; }
.user-left .u-mun ul li span { color:#999; padding: 15px 0 5px; }
.user-left .u-mun ul li strong { color:#333; }
.user-left .u-mun ul li span, .user-left .u-mun ul li strong { display: block; }
.user-left .u-sign { display: block; width:120px; height: 35px; line-height: 35px; background:#0057ff; color: #fff; border-radius: 5px; margin: 20px auto 0; }
/* 下边 */
.user-left-bottom { border-radius: 5px; }
.user-left-bottom ul li { height: 40px; line-height: 40px; text-indent: 15px; margin-bottom: 1px; }
.user-left-bottom ul li a { display: block; color: #333 }
.user-left-bottom ul li.on, .user-left-bottom ul li:hover { background: #deebff; border-left: 2px solid #0057ff; }
/*+------------------
  + 右侧样式
  +-----------------*/
.b-bor { border-bottom: 1px solid #eee }
.user-right { position: relative; width: 880px; border-radius: 5px; }
.user-right.w940 { width: 940px }
.user-right h5 { font-size: 16px; color: #333; line-height: 55px; padding: 0 20px; }
.user-right h5 .recru-go { display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; background: #0057ff; border-radius: 65px; margin: 13px 0 0 0; }
.user-right .portrait:after { display: block; content: ""; clear: both; }
.user-right .portrait { padding: 30px 20px; border-bottom: 1px solid #eee; }
.user-right .portrait .u-por-thumb { width:100px; height:100px; position:relative; margin-right:20px; border-radius:50px; overflow:hidden; }
.user-right .portrait .u-por-thumb .user-thumb { display: none; position: absolute; top: 0; left: 0; width: 100px; height: 100px; line-height: 100px; background: rgba(0, 0, 0, .6); color: #fff; text-align: center; cursor: pointer; z-index: 55; }
.user-right .portrait .u-por-thumb:hover .user-thumb { display: block; }
#head_photo { position: absolute; top: 0; left:0; width: 100%; height: 100px; opacity: 0; cursor: pointer; z-index:9; }
.user-right .portrait .u-pro-name { float: left; position: relative; margin-top: 18px; }
.user-right .portrait .nickname { display: block; height: 35px; line-height: 35px; padding: 0 5px; border: 1px solid #fff; border-bottom: 1px solid #7cb1ff; }
.user-right .portrait .nickname:focus { border-bottom-color:#7cb1ff; }
.user-right .portrait .u-yes { display: block; position: absolute; top:10px; left: 372px; width: 15px; height: 15px; background: url("../images/sign-check-icon.png") no-repeat; background-size: 15px; }
.user-right .portrait .u-pro-name span { padding-left: 5px; }
/* 封面图 */
.user-right .cate-img { position: relative; width:880px; height:380px; border-radius:5px; overflow:hidden; }
.user-right .cate-img .cover-pic { position: absolute; top: 0px; right: 0px; padding: 6px 15px; background: rgba(0, 0, 0, .8); color: #fff; border-radius: 5px; font-size: 12px; }
.up-ordinary { position:relative; float:right; width:60px; height:20px; line-height:20px; margin:14px 30px 0 0; color:#0057ff; cursor: pointer; overflow:hidden; }
.up-ordinary input[type=file] { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }
/* 城市选择 */
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background:#fff; }
._citys span { color: #56b4f8; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #56b4f8; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #56b4f8; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
.citySel { background-color: #56b4f8; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #56b4f8; }
.AreaS { background-color: #56b4f8 !important; color: #fff !important; }
/* 手机 */
.u-basic.user-li { padding-bottom: 15px; }
.u-basic .phone p { height: 40px; line-height: 40px; color: #333 }
.u-basic .phone p a { color:#7cb1ff; padding:0 15px; }
.u-basic .phone p .edit-phone.pl0 { padding-left: 0px; }
.u-basic .phone p span { color:#999 }
.u-basic .textarea { height: 107px; }
.u-basic .new-phone { width:400px; position:fixed; top:40%; left:50%; background:#fff; border-radius:5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:10002; }
.new-phone h6 { padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; }
.new-phone .new-phone-tel { padding:20px; }
.new-phone #get-code-p, .new-phone #get-code-pedit { width: 100px; height: 41px; line-height: 41px; background: #0057ff; border: 0px; color: #fff; border-radius: 5px; }
.new-phone #get-code-p.h, .new-phone #get-code-pedit.h { background: #c8c8c8; color: red }
.new-phone .submit-p { height: auto; }
.new-phone .submit-p .tips-phone { margin-bottom:10px; }
.new-phone .new-phone-submit { width:165px; height:40px; line-height:40px; background:#0057ff; color:#fff; border:0px; border-radius:5px; margin-left:85px; }
.new-phone .close { position:absolute; top:10px; right:10px; display:block; width:25px; height:25px; background:url("../images/colse.png") no-repeat; background-size:25px; }
/* 密码 */
.user-pwds .new-pwds { width:400px; position:fixed; top:40%; left:50%; background:#fff; border-radius:5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:10004; }
.new-pwds h6 { padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; }
.new-pwds .new-pwds-tel { padding:20px; }
.new-pwds #get-code-ps { width: 100px; height: 41px; line-height: 41px; background: #0057ff; border: 0px; color: #fff; border-radius: 5px; }
.new-pwds #get-code-ps.h { background: #c8c8c8; color: red }
.new-pwds .submit-p { height: auto }
.new-pwds .submit-p .tips-phone { margin-bottom:10px; }
.new-pwds .new-pwds-submit { width:165px; height:40px; line-height:40px; background:#0057ff; color:#fff; border:0px; border-radius:5px; margin-left:85px; }
.new-pwds .close { position:absolute; top:10px; right:10px; display:block; width:25px; height:25px; background:url("../images/colse.png") no-repeat; background-size:25px; }
/* 联系方式 */
.user-li.u-education ul li select { width: 206px; }
/* 社交 */
.u-social.user-li h5 { padding-right:0px; }
.u-social.user-li input[type=text] { float: left; }
.u-logo { float: left; }
.u-logo .logo-up { float:left; position:relative; display:block; width:180px; height:40px; background:#f4f4f4; color:#666; border-radius:5px; text-align:center; margin:0 15px; }
.u-logo img { margin: 4px 10px 0 0; }
.u-logo .jiany { font-size:12px; color:#999 }
.u-logo .social_photo { position: absolute; top: 0; left:0; width: 100%; height: 40px; opacity: 0; cursor: pointer; z-index:9; }
.u-social .soc-button { width:70px; height:30px; border:1px solid #eee; cursor:pointer; background:#fff; color:#666; border-radius:5px; font-size:12px; }
.u-social .soc-button.del-soc { margin:0 5px 0 65px; }
.u-social .soc-button.add-soc { margin-top: 10px; }
.u-social .soc-button.save-soc { background:#0057ff; color:#fff; border-color:#0057ff; margin-top: 5px; }
/* 标签 */
.u-label:after { display: block; content: ""; clear: both }
.u-label.user-li { padding-bottom: 30px; border-bottom: none; }
.u-label.user-li ul li { height: auto; }
.u-label-b { margin:12px 0 0 80px; }
.u-label-b a { display:block; float:left; padding:0px 10px; height:30px; line-height:30px; background:#eee; color:#666; border-radius:5px; margin:0 5px 5px 0; }
.u-label-b a span { font-size: 16px; padding:0 3px 0 10px; cursor: pointer; }
/* 实名验证 */
.user-card.user-li:after { display: block; content: ""; clear: both; }
.user-card.user-li ul li { float: left; position: relative; }
.user-card.user-li ul li .card-bor { width: 280px; height: 210px; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.user-card.user-li h5 em { position: absolute; top: 15px; left: 100px; width: 50px; height: 25px; line-height: 25px; text-align: center; font-size: 12px; background: #0057ff; color: #fff; border-radius: 5px; }
.user-card.user-li h5 em.n { background: transparent; border: 1px solid #eee; color: #333; }
.user-card.user-li h5 em.s { background: #fff3e7; color: #e88f3a; }
.user-card.user-li ul li.card-h, .user-card.user-li ul li.card_thumb_back { margin-left: 30px; }
.user-card.user-li ul li.card_thumb_just, .user-card.user-li ul li.card_thumb_back { height: 210px; line-height: 210px; }
.user-card.user-li ul li input[type=file] { position: absolute; top: 0px; left: 85px; width: 280px; height: 210px; opacity: 0; z-index:5; cursor: pointer; }
.user-card.user-li .u-submit { top: 55px; }
.open-span { position: absolute; top: 13px; right: 20px; width: 75px; height: 30px; line-height: 30px; text-align: center; background: #fff; border-radius: 5px; cursor: pointer; font-size: 14px; border:1px solid #eee; }
/* 公共样式 */
.user-li { padding: 0 20px; position:relative; border-bottom:1px solid #eee; }
.user-li h5 { padding-left: 0; }
.user-li ul li { height:40px; line-height:40px; margin-bottom:15px; }
.user-li ul li label { width:75px; float:left; color:#999; text-align:right; margin-right:10px; }
.user-li ul li input[type=text], .user-li ul li input[type=password], .user-li ul li select { height:40px; line-height: 40px; border-radius: 5px; border: 1px solid #eee; }
.user-li ul li input[type=text], .user-li ul li input[type=password] { padding: 0 5px; }
.user-li ul li select { width: 480px; color: #333; padding: 0px 5px; }
.user-li ul li textarea { padding: 5px; width: 468px; color: #666; border-radius: 5px; border: 1px solid #eee; resize: none; }
.user-li ul li input[type=radio] { vertical-align: middle; }
.user-li ul li input[type=text]:focus, .user-li ul li select:focus, .user-li ul li textarea:focus { border:1px solid #7cb1ff }
.user-li .u-submit { position:absolute; right:20px; top:20px; width:70px; height:30px; line-height:30px; border:0; background:#0057ff; color:#fff; border-radius:5px; cursor:pointer; font-size:12px; }
/* 修改密码 */
.user-li.user-pwds .edit-pwds { position:absolute; top:13px; right:20px; width:75px; height:30px; line-height:30px; text-align:center; background:#fff; border-radius:5px; cursor:pointer; font-size:14px; border:1px solid #eee; }
.user-li.user-pwds .tips { font-size:12px; color:#888; }
/*+-------------------------------------
  + 职业招聘
  +-------------------------------------*/
.recru-members .user-li ul li.industry:after, .recru-info ul:after, .recru-info ul li:after { display: block; content: ''; clear: both; }
.recru-members .user-right .portrait .u-pro-name { margin-top:25px; }
.recru-members .r-name { font-size: 16px; color: #333; padding: 0 0 5px 0; }
.recru-members .user-li ul li.industry { height: auto; }
.recru-members .check-remark { float: left; }
.recru-members .check-remark .check { width:20%; float:left; margin-top:10px; line-height:normal; cursor:pointer; }
.recru-members .check-remark .check .checkbox { display: block; float: left; margin: 2px 5px 0 0; width: 17px; height: 17px; background: url("../images/ico.png") no-repeat 0 -42px; }
.recru-members .check-remark .check.on .checkbox { background-position: -22px -42px; }
.recru-members .check-remark .check.on { color: #0057ff; }
.recru-members .u-twocode.user-li ul li:after { display: block; content: ""; clear: both; }
.recru-members .u-twocode.user-li ul li { height: auto; }
.recru-members .u-twocode.user-li { padding: 0 20px 30px; border:1px solid #eee; border-width: 1px 0 0; }
.recru-members .u-twocode.user-li label { width: 95px; margin-top: 52px; }
.recru-members .u-twocode.user-li .remark-img .code-imgs { display: none; width: 100%; height: 100%; }
.recru-members .u-twocode.user-li .remark-img .code-imgs.show { display: block; }
.recru-members .u-twocode.user-li .remark-img { float: left; position: relative; width: 140px; height: 140px; border: 1px solid #eee; background:#dbdbdb url("../images/kicon.png") no-repeat 50px 55px; overflow: hidden; }
.recru-members .u-twocode.user-li .file-code-img { position:absolute; top:0; left:0; width:100px; height:100%; font-size: 100px; opacity: 0; z-index: 66; }
.recru-members .u-twocode.user-li .tips-code { display:block; line-height:140px; margin-left: 20px; }
.recru-members .u-twocode.user-li .opac-code-hover { position:absolute; top:0; left:0; display:none; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); color: #fff; line-height: 140px; text-align: center; cursor: pointer; z-index: 5; }
.recru-members .u-twocode.user-li .remark-img:hover .opac-code-hover { display:block; }
/*+-------------------------------------
  + 招聘信息
  +-------------------------------------*/
.recru-info #loadrecru { padding: 20px 20px 0; }
.recru-info #loadrecru li span { display: block; float: left; color: #333; }
.recru-info #loadrecru li span:nth-of-type(1) {
width: 300px;
padding: 0 0 0 20px;
}
.recru-info #loadrecru li span:nth-of-type(2) {
width: 80px;
}
.recru-info #loadrecru li span:nth-of-type(3) {
width: 80px;
}
.recru-info #loadrecru li span:nth-of-type(4) {
width: 120px;
}
.recru-info #loadrecru li span:nth-of-type(5) {
width: 90px;
}
.recru-info #loadrecru li.firsh { height: 60px; line-height: 60px; background: #f7f8fa; }
.recru-info #loadrecru li.firsh span { color: #333; font-weight: bold; }
.recru-info #loadrecru li { line-height: 80px; border-bottom: 1px solid #f0f0f0; }
.recru-info #loadrecru li .tit a { color: #0057ff; }
.recru-info #loadrecru li .butt { padding: 6px 12px; border-radius: 5px; margin-left: 5px; background: #dcdcdc; font-size: 12px; }
.recru-info #loadrecru li .butt.recru-stop.on { background: #0057ff; color: #fff; }
.recru-info #loadrecru li .butt.recru-refresh.on { background: #fe3a2c; color: #fff; }
/*+-------------------------------------
  + 个人资料
  +-------------------------------------*/
.user-level { padding: 0px 0 20px; height: 62px }
.user-level ul { background: #fff; border: 0; border-radius: 3px; width: 100% }
.user-level ul li { float: left; width: 20%; position: relative }
.user-level ul li:first-child span { -webkit-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px }
.user-level ul li:last-child span::before, .user-level ul li:last-child span::after {
display: none
}
.user-level ul li:last-child span { border-radius:0 5px 5px 0 }
.user-level ul li:hover .breadcrumbs-tips { display: block; }
.user-level ul .current, .user-level ul .current:hover { background:#0057ff; color:#fff }
.user-level ul span { font-size:16px; text-align:center; width:70%; height:62px; line-height:62px; padding: 0 30px 0 40px; float: left; text-decoration: none; color: #777; position: relative; background-color: #fff }
.user-level ul span:hover { background: #fff }
.user-level ul span:hover::after {
border-left-color: #fff
}
.user-level ul span::after, .user-level ul span::before {
content: "";
position: absolute;
top: 50%;
margin-top: -31px;
border-top: 31px solid transparent;
 border-bottom: 31px solid transparent;
border-left: 30px solid;
right: -30px
}
.user-level ul span::after {
z-index: 2;
border-left-color: #fff
}
.user-level ul span::before {
border-left-color: #f6f6f6;
right: -31px;
z-index: 1
}
.user-level ul span.current::after, .user-level ul span.current::before {
border-left-color: #0057ff
}
.user-level ul span.current .zheng { display: inline-block; width: 20px; height: 20px; line-height: 20px; background:#ff892a; color:#fff; font-size:12px; border-radius: 35px; margin-left: 10px; vertical-align: text-bottom; cursor: pointer; }
.user-level ul span .zheng { display: none; }
/*.user-level ul span .apply-cert{ display: none; }*/
.user-level ul span .apply-cert, .user-level ul span .apply-cert-up { display: block; position:absolute; top:3px; right:0px; font-size:12px; padding: 0 5px; height:25px; line-height:25px; background:#ff892a; border-radius:3px; cursor: pointer; color: #fff; }
.cert { position:fixed; top:30%; left:50%; width:402px; height:520px; background:#fff; border-radius:5px; transform:translate(-50%, -20%); -webkit-transform: translate(-50%, -20%); z-index:10003; }
.cert img { width:365px; height:480px; padding:20px; }
.cert .close { position:absolute; top:-12px; right:-12px; display:block; width:25px; height:25px; background:url(../images/colse-f.png) no-repeat; background-size:25px; cursor:pointer; }
.cert .magni { position:absolute; top:35px; right:35px; display:block; width:20px; height:20px; background: url("../images/big.png") no-repeat; cursor:pointer; }
.user-left.user-index-l .u-mun ul li { width: 35%; background: url("../images/li12.jpg") no-repeat 100% 14px; }
.user-left.user-index-l .u-mun ul li:last-child { background: none; }
.user-left.user-index-l .u-mun ul li span, .user-left.user-index-l .u-mun ul li strong { display: inline-block; }
.user-left.user-index-l .u-mun ul li span { font-size: 14px; padding-top: 10px; }
.user-left.user-index-l .u-mun ul li strong { font-weight:normal; color:#666; }
.si-gz { padding: 35px 0px 20px; margin-top: 30px; border-top: 1px solid #eee; }
.si-gz .button { display:inline-block; width:83px; height:35px; line-height:35px; text-align:center; border:1px solid #eee; color:#666; border-radius:5px; margin-right:5px; background: #fff; color: #666; font-size: 12px; }
.si-gz .button:last-child { background: #0057ff; color: #fff; border-color: #fff; margin-right: 0px; }
.si-gz .button.is_follow1 { width:75px; background:transparent; border-color:#0057ff; color: #0057ff; }
/* 站点 */
.user-web { border-radius: 5px; }
.user-web ul:after { display: block; content: ""; clear: both; }
.user-web ul { padding: 0px 20px 15px; }
.user-web ul li { width: 32px; height: 32px; float: left; margin:15px 15px 0 0; border-radius: 35px; overflow: hidden; }
.user-web ul li:nth-of-type(5n) {
margin-right: 0px;
}
/* 访客 */
.user-left-fanke:after { display: block; content: ""; clear: both; }
.user-left-fanke { border-radius:5px; padding-bottom:20px; }
.user-left-fanke ul li { float: left; width: 33.3333333%; text-align: center; margin-top: 15px; }
.user-left-fanke ul li .u-visitor { display: block; width: 50px; height: 50px; border-radius: 35px; margin: 0 auto; overflow: hidden; }
.user-left-fanke ul li h6, .user-left-fanke ul li p { font-size: 12px; }
.user-left-fanke ul li h6 { width:100%; height:17px; color:#333; padding:5px 0 0px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
.user-left-fanke ul li p { color: #999; }
/* -------- 右侧 -------- */
.empty { padding: 10px 0 20px; }
.empty.e-works { padding: 50px 0; text-align: center; }
.empty a { color:#0057ff }
.user-index-r .cate-menu { width:100%; height:60px; line-height:60px; margin:20px 0; position:relative; overflow:hidden; }
.user-index-r .cate-menu ul li { float:left; padding:0 20px; font-size:16px; color:#666; margin-right: 2px; }
.user-index-r .cate-menu ul li { border-bottom: 2px solid #fff; margin-top: -2px; }
.user-index-r .cate-menu ul li:hover, .user-index-r .cate-menu ul li.on { border-bottom-color: #336de3; color: #333 }
.user-index-r .cate-menu ul li.on .c-type { display: block; }
.user-index-r .cate-menu ul li .c-type { display: none; position:absolute; top:0px; right:20px; }
.user-index-r .cate-menu ul li .c-type a { padding:0 5px; font-size:14px; color:#999; }
.user-index-r .cate-menu ul li .c-type a:hover, .user-index-r .cate-menu ul li .c-type a.on { color: #0057ff }
.user-index-r .cate-menu ul li .c-type a:last-child { padding-right: 0px; }
.tabs-user .u-tabs-list { position: relative; }
/*------------ 作品 ------------*/
.tabs-user .u-zf-tabs ul li { position: relative; width:280px; height: 358px; float:left; margin:0 20px 20px 0; border-radius: 5px; overflow: hidden; }
.tabs-user .u-zf-tabs ul li:nth-of-type(3n) {
margin-right: 0px;
}
.tabs-user .u-zf-tabs ul li img { width:280px; height:210px; }
.tabs-user .u-zf-tabs ul li .title { position: relative; padding:15px 18px; }
.tabs-user .u-zf-tabs ul li .title .istype { position: absolute; top: 14px; right: 20px; width: 16px; height: 20px; background-position: -134px -130px; }
.tabs-user .u-zf-tabs ul li .title .istype.j-x { background-position: -101px -130px; }
.tabs-user .u-zf-tabs ul li .title .istype.y-x { background-position: -157px -159px; }
.tabs-user .u-zf-tabs ul li h6 a { font-size:14px; color:#333; }
.tabs-user .u-zf-tabs ul li p { margin:5px 0; color:#999; font-size: 12px; }
.tabs-user .u-zf-tabs ul li .title-bottom:after { display: block; content: ""; clear: both; }
.tabs-user .u-zf-tabs ul li .title-bottom i { float: left; margin-right: 5px; }
.tabs-user .u-zf-tabs ul li .title-bottom span { display: block; float:left; font-size: 12px; color:#999; margin-right: 15px; }
.tabs-user .u-zf-tabs ul li .title-bottom .view i { margin-top: 3px; width: 15px; height: 11px; background-position: 0px -188px; }
.tabs-user .u-zf-tabs ul li .title-bottom .hits i { width: 14px; height: 14px; background-position: -24px -186px; }
.tabs-user .u-zf-tabs ul li .title-bottom .comment i { margin-top: 1px; width: 14px; height: 14px; background-position: -48px -186px; }
.tabs-user .u-zf-tabs ul li .zf-bottom { border-top: 1px solid #eee; padding: 15px; }
.tabs-user .u-zf-tabs ul li .zf-bottom a { color: #999; padding-right: 15px; }
.tabs-user .u-zf-tabs ul li .zf-bottom a.sta { color: #0057ff }
.tabs-user .u-zf-tabs ul li .zf-bottom a.time { padding-right: 0px; font-size: 12px; }
.tabs-user .u-zf-tabs ul li .zf-bottom a:not(.time):hover {
color:#0057ff;
}
/*------------ 关注 ------------*/
.tabs-user .u-gz-tabs ul li:after { display: block; content: ""; clear: both; }
.tabs-user .u-gz-tabs ul li { padding: 30px 20px; border-bottom: 1px solid #eee; }
.tabs-user .u-gz-tabs .follow-left .pic { display:block; width:65px; height:65px; border-radius:35px; margin:20px 12px 0 0; overflow:hidden; }
.tabs-user .u-gz-tabs .follow-left .pic img { width:100%; height:100%; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 { font-weight: bold; line-height: normal; padding:10px 0 0 0; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a p { margin: 8px 0px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a p em { color: #333; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a .button { display: block; float: left; width: 65px; height: 30px; line-height: 28px; border: 1px solid #eee; background: #fff; border-radius: 5px; margin-right: 8px; color: #666; font-size: 12px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a .button:last-child { background: #0057ff; color: #fff; border: 0; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a .button.is_follow1 { width: 75px; background: transparent; border:1px solid #0057ff; color: #0057ff; }
.tabs-user .u-gz-tabs .follow-right { width:480px; }
.tabs-user .u-gz-tabs .follow-right ul li { float:left; width:150px; height:112px; border-radius:5px; margin-right:15px; padding:0px; border-bottom:0px; overflow:hidden; }
.tabs-user .u-gz-tabs .follow-right ul li:last-child { margin-right: 0px; }
.tabs-user .u-gz-tabs .follow-right ul li img { width: 100%; height: 100%; }
/*------------ 动态、推荐 ------------*/
.u-dt-tabs ul li .zf-bottom:after, .u-tj-tabs ul li .zf-bottom:after, .collajax-sc-ul li .zf-bottom:after { display: block; content: ""; clear: both; }
.u-dt-tabs ul li, .u-tj-tabs ul li, .collajax-sc-ul li { position: relative; width:280px; height:368px; float:left; margin:0 20px 20px 0; border-radius:5px; overflow: hidden; }
.u-dt-tabs ul li:nth-of-type(3n), .u-tj-tabs ul li:nth-of-type(3n), .collajax-sc-ul li:nth-of-type(3n) {
margin-right: 0px;
}
.u-dt-tabs ul li .bor-img, .u-tj-tabs ul li .bor-img, .collajax-sc-ul li .bor-img { display: block; width: 280px; height: 210px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.u-dt-tabs ul li img, .u-tj-tabs ul li img, .collajax-sc-ul li img { width:280px; height:210px; }
.u-dt-tabs ul li .title, .u-tj-tabs ul li .title, .collajax-sc-ul li .title { position: relative; padding:15px 18px; }
.u-dt-tabs ul li .title .istype, .u-tj-tabs ul li .title .istype, .collajax-sc-ul li .title .istype { position: absolute; top: 14px; right: 20px; width: 16px; height: 20px; background-position: -134px -130px; }
.u-dt-tabs ul li .title .istype.j-x, .u-tj-tabs ul li .title .istype.j-x, .collajax-sc-ul li .title .istype.j-x { background-position: -101px -130px; }
.u-dt-tabs ul li h6 a, .u-tj-tabs ul li h6 a, .collajax-sc-ul li h6 a { font-size:14px; color:#333; }
.u-dt-tabs ul li p, .u-tj-tabs ul li p, .collajax-sc-ul li p { margin:5px 0; color:#999; font-size: 12px; }
.u-dt-tabs ul li .title-bottom i, .u-tj-tabs ul li .title-bottom i, .collajax-sc-ul li .title-bottom i { display: inline-block; margin-right: 5px; }
.u-dt-tabs ul li .title-bottom span, .u-tj-tabs ul li .title-bottom span, .collajax-sc-ul li .title-bottom span { color:#999; margin-right: 15px; }
.u-dt-tabs ul li .title-bottom .view i, .u-tj-tabs ul li .title-bottom .view i, .collajax-sc-ul li .title-bottom .view i { width: 20px; height: 17px; background-position: -83px -30px; vertical-align: text-top; }
.u-dt-tabs ul li .title-bottom .hits i, .u-tj-tabs ul li .title-bottom .hits i, .collajax-sc-ul li .title-bottom .hits i { width: 17px; height: 17px; background-position: -30px -35px; vertical-align: text-top; }
.u-dt-tabs ul li .title-bottom .comment i, .u-tj-tabs ul li .title-bottom .comment i, .collajax-sc-ul li .title-bottom .comment i { width: 17px; height: 17px; background-position: -56px -35px; vertical-align: text-top; }
.u-dt-tabs ul li .zf-bottom, .u-tj-tabs ul li .zf-bottom, .collajax-sc-ul li .zf-bottom { border-top: 1px solid #eee; padding:0 15px; height:56px; line-height:56px; }
.u-dt-tabs ul li .zf-bottom a, .u-tj-tabs ul li .zf-bottom a, .collajax-sc-ul li .zf-bottom a { color: #999; }
.u-dt-tabs ul li .zf-bottom a.time, .u-tj-tabs ul li .zf-bottom a.time, .collajax-sc-ul li .zf-bottom a.time { padding-right: 0px; font-size: 12px; }
.u-dt-tabs ul li .zf-bottom .user-sta, .u-tj-tabs ul li .zf-bottom .user-sta, .collajax-sc-ul li .zf-bottom .user-sta { position: relative; width:55%; cursor: pointer; }
.u-dt-tabs ul li .zf-bottom .user-sta-pic, .u-tj-tabs ul li .zf-bottom .user-sta-pic, .collajax-sc-ul li .zf-bottom .user-sta-pic { display: block; width: 25px; height: 25px; float: left; margin:16px 5px 0 0; border-radius: 35px; overflow: hidden; }
.u-dt-tabs ul li .zf-bottom .user-sta-pic img, .u-tj-tabs ul li .zf-bottom .user-sta-pic img, .collajax-sc-ul li .zf-bottom .user-sta-pic img { width: 100%; height: 100%; }
.u-dt-tabs ul li .zf-bottom .user-sta:hover .user-relevant, .u-tj-tabs ul li .zf-bottom .user-sta:hover .user-relevant, .collajax-sc-ul li .zf-bottom .user-sta:hover .user-relevant { display:block; text-align: center; }
.u-dt-tabs ul li .user-relevant, .u-tj-tabs ul li .user-relevant, .collajax-sc-ul li .user-relevant { display:none; width:100%; position:absolute; bottom:56px; left:-15px; background: #fff; border-radius:5px; padding:20px 20px 10px; box-shadow:0px 10px 30px #dcdcdc; z-index:200; }
.u-dt-tabs ul li .user-relevant .top:after, .u-tj-tabs ul li .user-relevant .top:after, .collajax-sc-ul li .user-relevant .top:after { display: block; content: ""; clear: both; }
.u-dt-tabs ul li .user-relevant .top, .u-tj-tabs ul li .user-relevant .top, .collajax-sc-ul li .user-relevant .top { margin-bottom: 15px; }
.u-dt-tabs ul li .user-relevant .top .left h5, .u-tj-tabs ul li .user-relevant .top .left h5, .collajax-sc-ul li .user-relevant .top .left h5 { color: #333; font-weight: bold; padding: 6px 0 0; line-height: normal; }
.u-dt-tabs ul li .user-relevant .top .left p, .u-tj-tabs ul li .user-relevant .top .left p, .collajax-sc-ul li .user-relevant .top .left p { margin: 0px; }
.u-dt-tabs ul li .user-relevant .top .pic, .u-tj-tabs ul li .user-relevant .top .pic, .collajax-sc-ul li .user-relevant .top .pic { display:block; width:60px; height:60px; border-radius:35px; margin-right:10px; margin:0 auto; overflow:hidden; }
.u-dt-tabs ul li .user-relevant .top .pic img, .u-tj-tabs ul li .user-relevant .top .pic img, .collajax-sc-ul li .user-relevant .top .pic img { width:100%; height:100%; }
.u-dt-tabs ul li .user-relevant .top .operation, .u-tj-tabs ul li .user-relevant .top .operation, .collajax-sc-ul li .user-relevant .top .operation { margin-top: 10px; }
.u-dt-tabs ul li .user-relevant .top .operation .button, .u-tj-tabs ul li .user-relevant .top .operation .button, .collajax-sc-ul li .user-relevant .top .operation .button { display: block; float:left; width: 60px; height: 30px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; text-align: center; margin-left: 5px; cursor: pointer; background: #fff; font-size: 12px; }
.u-dt-tabs ul li .user-relevant .top .operation .button.add-follow, .u-tj-tabs ul li .user-relevant .top .operation .button.add-follow, .collajax-sc-ul li .user-relevant .top .operation .button.add-follow { background: #0057ff; color: #fff; border: 0; }
.u-dt-tabs ul li .user-relevant .top .operation .button.add-follow.is_follow1, .u-tj-tabs ul li .user-relevant .top .operation .button.add-follow.is_follow1, .collajax-sc-ul li .user-relevant .top .operation .button.add-follow.is_follow1 { width:65px; background:transparent; border:1px solid #0057ff; color: #0057ff; }
.u-dt-tabs ul li .user-relevant .bottom-ico, .u-tj-tabs ul li .user-relevant .bottom-ico, .collajax-sc-ul li .user-relevant .bottom-ico { position: absolute; bottom: -6px; left: 63px; display: block; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
/*------------ 收藏 ------------*/
.tabs-user .u-sc-tabs:after { display: block; content: ""; clear: both; }
.collection-show { position: fixed; top: 45%; left: 50%; width: 450px; border-radius: 5px; background: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 10002; }
.collection-show h5 { font-size: 16px; color: #333; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; }
.collection-show ul { width: 400px; margin: 0 auto; }
.collection-show ul li { margin-top: 20px; }
.collection-show ul li input[type=text] { width: 387px; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #eee; padding:0 5px; }
.collection-show ul li input[type=radio] { vertical-align: middle; }
.collection-show ul li.is_open { margin-top: 10px; }
.collection-show ul li.is_open em { font-size: 12px; color: #999 }
.collection-show ul li textarea { width: 380px; height: 70px; padding: 8px; border: 1px solid #eee; resize: none; border-radius: 5px; }
.collection-show ul li input[type=submit] { width: 100%; height: 42px; line-height: 42px; background: #0057ff; color: #fff; border: 0px; border-radius: 5px; margin-bottom:30px; cursor: pointer; }
.collection-show .close, .edit-coll .close { position: absolute; top:15px; right:15px; cursor: pointer; display: block; width:20px; height:20px; background: url("../images/colse.png") no-repeat; background-size:20px; }
.collection-show .tips-coll { display: block; margin: 20px 0 0 0; }
.tabs-user .u-sc-tabs ul li { width:280px; height: 369px; float:left; margin:0 20px 20px 0; border-radius: 5px; overflow: hidden; }
.tabs-user .u-sc-tabs ul li .pics { display: block; width: 280px; height: 210px; background: #eee; overflow: hidden; }
.tabs-user .u-sc-tabs ul li .pics img, .tabs-user .u-sc-tabs ul li .pics-cool img { width: 100%; height: 210px; }
.tabs-user .u-sc-tabs ul li:nth-of-type(3n) {
margin-right: 0px;
}
.tabs-user .u-sc-tabs ul li .title { padding:15px 18px; }
.tabs-user .u-sc-tabs ul li h6 a { font-size:14px; color:#333; }
.tabs-user .u-sc-tabs ul li .title em { width: 11px; height: 14px; background-position: -50px -107px; }
.tabs-user .u-sc-tabs ul li p { margin:5px 0; color:#999; }
.tabs-user .u-sc-tabs ul li .title-bottom:after, .tabs-user .u-sc-tabs ul li .zf-bottom:after { display: block; content: ""; clear: both; }
.tabs-user .u-sc-tabs ul li .title-bottom .sc-i { float: left; margin-right: 5px; }
.tabs-user .u-sc-tabs ul li .title-bottom span { float:left; color:#999; margin-right:15px; }
.tabs-user .u-sc-tabs ul li .title-bottom .count-pic i { width: 16px; height: 13px; background-position: 0px -107px; margin-top: 3px; }
.tabs-user .u-sc-tabs ul li .title-bottom .xing i { width: 15px; height: 15px; margin-top: 2px; background-position: -25px -107px; }
.tabs-user .u-sc-tabs ul li .zf-bottom { border-top: 1px solid #eee; padding:0 15px; height: 56px; line-height: 56px; }
.tabs-user .u-sc-tabs ul li .zf-bottom a { color: #999; }
.tabs-user .u-sc-tabs ul li .zf-bottom a.sta { color: #0057ff }
.tabs-user .u-sc-tabs ul li .zf-bottom a.time { padding-left: 0px; }
.tabs-user .u-sc-tabs ul li .zf-bottom a:not(.time):hover {
color:#0057ff;
}
.tabs-user .u-sc-tabs ul li .zf-bottom a.del-collect { padding-left:10px; }
/** 酷站 **/
.tabs-user .u-sc-tabs ul li.coolku { height: 307px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom span { display: block; float: left; font-size: 12px; color: #999; margin-right: 15px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom .view i { margin-top: 3px; width: 15px; height: 11px; background-position: 0px -188px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom i { float: left; margin-right: 5px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom span { display: block; float: left; font-size: 12px; color: #999; margin-right: 15px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom .creatime i { width: 14px; height: 14px; background-position: -92px -186px; vertical-align: text-top; }
/*------------ 收藏课程 ------------*/
.tabs-user .u-sc-tabs ul li.coll-kecheng { height: 350px; }
.tabs-user ul.ajax-content-kecheng li { height: 342px; }
.tabs-user .u-sc-tabs ul li.coll-kecheng h6 a, .tabs-user ul.ajax-content-kecheng li h6 a { font-size: 16px; }
.tabs-user .u-sc-tabs ul li.coll-kecheng p .type, .tabs-user ul.ajax-content-kecheng li p .type { color: #ff3b2c; }
/* 修改收藏夹 */
.edit-coll { position: fixed; top: 35%; left: 50%; width: 400px; background:#fff; border-radius: 5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 10002; }
.edit-coll h5 { border-bottom: 1px solid #eee }
.edit-coll .edit-coll-con { width: 345px; margin: 20px auto 30px; }
.edit-coll .edit-coll-con input[type=text] { width: 332px; padding: 0 5px; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #eee; }
.edit-coll .edit-coll-con ul li.is_open { margin: 20px 0 }
.edit-coll .edit-coll-con input[type=radio] { vertical-align: middle; }
.edit-coll .edit-coll-con ul li.is_open em { font-size: 12px; color: #999 }
.edit-coll .edit-coll-con ul li.input-sub input[type=submit] { width: 100%; height: 40px; line-height: 40px; border: 0; background: #0057ff; border-radius: 5px; color: #fff; cursor: pointer; }
.edit-coll .tips-e { display: block; margin: 0 0 15px 0; }
/* 移除 */
.collajax-sc-ul li { position: relative; }
.collajax-sc-ul li:hover .remove-coll { display: block; }
.collajax-sc-ul li .remove-coll { display:none; position:absolute; top:0px; right:0px; z-index:240; padding: 5px 15px; cursor: pointer; border-radius: 5px; color: #fff; background: rgba(0, 0, 0, .6); }
/*------------ 个人资料 ------------*/
.tabs-user .u-basic-tabs:after, .tabs-user .basic-bottom ul li:after { display: block; content: ""; clear: both; }
.tabs-user .u-basic-tabs { padding: 25px 0px 10px; }
.tabs-user .u-basic-tabs .basic { padding: 0 20px 25px; border-bottom: 1px solid #eee; }
.tabs-user .u-basic-tabs h5 { line-height: normal }
.tabs-user .u-basic-tabs .basic ul li { width:45%; float:left; margin-top:20px; color:#666; }
.tabs-user .u-basic-tabs .basic ul li label { color: #999; padding-right: 5px; }
.tabs-user .u-remark h6 { color: #999; margin: 0px 0 10px; }
.tabs-user .u-remark p { line-height: 25px; }
.tabs-user .basic-bottom ul li { padding: 20px; border-bottom: 1px solid #eee; }
.tabs-user .basic-bottom ul li:last-child { border-bottom: none }
.tabs-user .basic-bottom ul li label { width: 85px; display: block; float: left; color: #333; }
.tabs-user .basic-bottom ul li p { float: left }
.tabs-user .basic-bottom ul li.social label, .tabs-user .basic-bottom ul li.label label { padding-top: 5px; }
.tabs-user .basic-bottom ul li.social a { display:block; float:left; padding-right:15px; }
.tabs-user .basic-bottom ul li.label { padding-bottom: 15px; }
.tabs-user .basic-bottom ul li.label a { display: block; float: left; padding: 0px 10px; height: 30px; line-height: 30px; background: #eee; color: #666; border-radius: 5px; margin: 0 5px 5px 0; }
/*------------ 私信 ------------*/
.send-letter { font-size: 13px; color: #666 }
.letter-ul { margin: 0 20px; }
.letter-ul li:after, .letter-ul li .letter-top:after { display: block; content: ""; clear: both; }
.letter-ul li { position: relative; padding: 20px 0; border-bottom: 1px solid #eee; }
.letter-ul li .letter-top { position: relative; }
.letter-ul li .pic { display: block; width: 65px; height: 65px; border-radius: 50px; margin-right: 15px; overflow: hidden; }
.letter-ul li .pic img { width: 100%; height: 100%; }
.letter-ul li h6 { padding: 7px 0 10px 0; }
.letter-ul li h6 strong { font-size:14px; color:#333; }
.letter-ul li h6 span { padding:0 10px 0 0; font-size: 12px; }
.letter-ul li h6 em { color:#999; font-size:12px; }
.letter-ul li .type-cz { position:absolute; top:35px; right:2px; }
.letter-ul li .type-cz a { padding-left:20px; cursor:pointer; }
.letter-ul li .type-cz a.del-letter-u { color:#999; }
.letter-ul li .is_open { position:absolute; right:0px; top:5px; padding:4px 10px; font-size:12px; background:#fff3e7; color:#e88f3a; border-radius:5px; }
.replay-letter-txt { width:792px; margin:10px 0 0 80px; background:#f4f4f4; padding:15px; border-radius:5px; }
.replay-letter-txt a { font-size:14px; font-weight:bold; color:#333; padding-bottom:3px; }
.replay-letter-txt h2 { color:#333 }
.replay-letter-txt h2 .time { color:#999; font-size:12px; }
.replay-letter:after { display: block; content: ""; clear: both; }
.replay-letter { margin:10px 0 0 80px; }
.replay-letter .r-intro { width:792px; padding:15px; background:#f4f4f4; border-radius:5px; border:0px; resize:none; }
.replay-letter .but-replay { width: 100px; height: 35px; background: #0057ff; border: 0px; border-radius: 5px; color: #fff; margin: 15px 0 0 0; cursor: pointer; }
.more-letter, .more-notice { padding: 25px 0px; text-align: center; line-height: 39px; }
.more-letter a, .more-notice a { color: #0057ff; }
/** 评论 **/
.letter-ul li .reply-message { display:inline-block; color:#999; margin-left:15px; cursor:pointer; vertical-align:sub; }
.letter-ul li .reply-message i { width: 15px; height:15px; background-position:-110px -33px; }
.letter-ul li .reply-form { margin: 15px 0 0 75px; }
.letter-ul li .reply-comment { padding:15px; }
.letter-ul li .reply-comment .level-2 { padding: 0 0 5px 0; }
/*------------ 通知 ------------*/
.user-index-r .cate-menu-notic { width:100%; height:60px; line-height:60px; margin: 0px 0px 1px; position:relative; overflow:hidden; }
.user-index-r .cate-menu-notic ul li { position: relative; float:left; padding:0 20px; font-size:16px; color:#666; margin:-2px 2px 0 0; border-bottom: 2px solid #fff; }
.user-index-r .cate-menu-notic ul li:hover, .user-index-r .cate-menu-notic ul li.on { border-bottom-color: #336de3; color: #333; }
.user-index-r .cate-menu-notic ul li i { position: absolute; top:17px; right:12px; display: block; width: 10px; height: 10px; background:red; border-radius: 35px; }
.user-index-r .cate-menu-notic .all-du { display: block; padding-right: 20px; font-size: 12px; color:#e88f3a; cursor: pointer; }
.user-index-r .cate-menu-notic .all-du.also { color: #666; }
.user-index-r .cate-menu-notic .all-du.also em { display: block; }
.user-index-r .cate-menu-notic .all-du em { display: none; float:left; margin:23px 5px 0 0; width:15px; height:15px; background-position:-185px -185px; }
.user-index-r .cate-menu-notic .all-du.also em.on { background-position: -167px -185px; }
.user-index-r .cate-menu-notic ul li.on .c-type { display: block; }
.user-index-r .cate-menu-notic ul li .c-type { display: none; position:absolute; top:0px; right:20px; }
.user-index-r .cate-menu-notic ul li .c-type a { padding:0 5px; font-size:14px; color:#999; }
.user-index-r .cate-menu-notic ul li .c-type a:hover, .user-index-r .cate-menu-notic ul li .c-type a.on { color: #0057ff }
.user-index-r .cate-menu-notic ul li .c-type a:last-child { padding-right: 0px; }
.letter-ul.notice-ul .type-cz { position: absolute; top: 50px; }
.letter-ul.notice-ul .type-cz a { padding: 4px 10px; font-size: 12px; border: 1px solid #0057ff; border-radius: 5px; color: #0057ff; }
.letter-ul.notice-ul .type-cz a:hover { background: #0057ff; color: #fff }
/* 评论 */
.comment-works { border-radius: 5px; }
.comment-works-top:after, .comment-works-bottom:after, .comment-works-bottom .comment-content li:after, .reply-form:after { display:block; content:""; clear: both; }
.comment-works-top { padding: 20px; border-bottom: 1px solid #eee; }
.comment-works-top .comment { width: 827px; height: 70px; border:1px solid #eee; border-radius: 5px; padding: 5px; resize: none; background: #f4f4f4; transition: all .3s ease-out;
 -webkit-transition: all .3s ease-out;
}
.comment-works-top .comment:focus { background: #fff; }
.comment-works-top .comm-submit { display:block; width:100px; height:35px; border-radius:5px; border:0px; cursor:pointer; margin-top:12px; float:right; background:#0057ff; color:#fff; }
.comment-works-top.comm-disabled .comment { background: #f4f4f4; }
.comment-works-top.comm-disabled .comm-submit { background:#f4f4f4; color: #666; }
.comment-works-top .comment:focus { border-color: #eee }
.comment-works-top .tips-c, .tips-rep { display: block; float: left; margin: 15px 0 0 0; }
.comment-works-top .tips-c .font-col { color: #bfbfbf; }
.comment-works-bottom { padding: 20px 20px 0; }
.comment-works-bottom h5 { font-size:16px; font-weight:bold; color:#333; padding: 0; }
.comment-works-bottom h5 span { font-size: 14px; font-weight: normal; color: #999 }
.comment-works-bottom .comment-content li { padding: 25px 0px; border-bottom: 1px solid #eee; }
.comment-works-bottom .comment-content li:last-child { border-bottom: none; }
.comment-works-bottom .comment-content li .user-pic { display:block; width:60px; height:60px; border-radius:35px; overflow:hidden; margin-right:15px; }
.comment-works-bottom .comment-content li .user-pic img { width:60px; height:60px; }
.comment-works-bottom .comment-content li .user-comment-right { width:763px; }
.comment-works-bottom .comment-content li .user-comment-right .a-invita { color: #0ca156; }
.comment-works-bottom .comment-content li .user-comment-right .level-1 { font-weight:bold; color:#333; padding:10px 0 5px; }
.comment-works-bottom .comment-content li .user-comment-right .level-1 .time { color:#999; font-weight:normal; padding-left:15px; font-size: 12px; }
.comment-works-bottom .user-comment-oper { width: 100%; height: 10px; }
.comment-works-bottom .user-comment-oper a { display:block; float:left; color:#999; margin-left:25px; cursor:pointer; }
.comment-works-bottom .user-comment-oper a.c-report i { width:15px; height:15px; float:left; vertical-align:middle; margin:3px 5px 0 0; background-position:-134px -34px; }
.comment-works-bottom .user-comment-oper a.c-reply i { width:15px; height:15px; background-position:-110px -33px; }
.comment-works-bottom .user-comment-oper a.c-zan i { float:left; width:13px; height:13px; background-position:-28px -11px; margin:3px 5px 0 0; }
.comment-works-bottom .user-comment-oper a.c-del i { width:12px; height:15px; background-position:-136px -155px; }
.back-33 { color: #333; }
/* 回复 */
.reply-comment { position:relative; width:725px; padding:20px; background:#f4f4f4; border-radius:5px; margin:15px 0 0 75px; }
.reply-comment .level-2 a { font-weight:bold; color:#333; }
.reply-comment .level-2 span { font-size: 12px; font-weight: normal; color: #999 }
.reply-comment .top-ico, .reply-form .top-ico { position:absolute; top:-7px; left:30px; display:block; width:13px; height:13px; background:#f4f4f4; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.reply-form { position: relative; width: 765px; margin: 15px 0 25px 75px; }
.reply-form .reply-content { width: 725px; padding: 20px; border: 0px; background: #f4f4f4; border-radius: 5px; resize: none; }
.reply-form .comm-submit { display:block; width:100px; height:35px; border-radius:5px; border:0px; cursor:pointer; margin-top:12px; float:right; background:#0057ff; color:#fff; }
.more-comment { padding: 25px 0px; text-align: center; border-top: 1px solid #eee; }
.more-comment a { color:#0057ff; }
.more-comment .load-more-comment.load { text-indent: -9999px; display: inline-block; width: 39px; height: 39px; background: url("../images/login-1.gif"); }
/* 回收箱 */
.user-right .recovery-ul:after { display: block; content: ""; clear: both; }
.user-right .recovery-ul { padding: 20px; }
.user-right .recovery-ul li { position: relative; width:280px; height: 362px; float:left; margin:0 27px 27px 0; border-radius: 5px; border: 1px solid #ededed; overflow: hidden; }
.user-right .recovery-ul li:nth-of-type(3n) {
margin-right: 0px;
}
.user-right .recovery-ul li img { width:280px; height:210px; }
.user-right .recovery-ul li .title { position: relative; padding:15px 18px; }
.user-right .recovery-ul li .title .istype { position: absolute; top: 14px; right: 20px; width: 16px; height: 20px; background-position: -134px -130px; }
.user-right .recovery-ul li .title .istype.j-x { background-position: -101px -130px; }
.user-right .recovery-ul li h6 a { font-size:16px; color:#333; }
.user-right .recovery-ul li p { margin:5px 0; color:#999; }
.user-right .recovery-ul li .title-bottom:after { display: block; content: ""; clear: both; }
.user-right .recovery-ul li .title-bottom i { float: left; margin-right: 5px; }
.user-right .recovery-ul li .title-bottom span { display: block; float:left; font-size: 12px; color:#999; margin-right: 15px; }
.user-right .recovery-ul li .title-bottom .view i { margin-top: 3px; width: 15px; height: 11px; background-position: 0px -188px; }
.user-right .recovery-ul li .title-bottom .hits i { width: 14px; height: 14px; background-position: -24px -186px; }
.user-right .recovery-ul li .title-bottom .comment i { margin-top: 1px; width: 14px; height: 14px; background-position: -48px -186px; }
.user-right .recovery-ul li .zf-bottom { border-top: 1px solid #eee; padding: 15px; }
.user-right .recovery-ul li .zf-bottom a { color: #999; padding-right: 15px; }
.user-right .recovery-ul li .zf-bottom a.sta { color: #0057ff }
.user-right .recovery-ul li .zf-bottom a.time { padding-right: 0px; font-size: 12px; }
.user-right .recovery-ul li .zf-bottom a:not(.time):hover {
color:#0057ff;
}
/*------------ 异步分页 ------------*/
.pages { width:100%; clear: both; text-align: center; }
.pages a.curr { background:#0057ff; border:0; color:#fff; }
.pages a.first, .pages a.last { width: auto; padding: 0 5px; }
.pages a { display:inline-block; width:38px; height:38px; line-height:40px; text-align:center; border:1px solid #eee; border-radius:5px; background:#fff; margin-right:5px; cursor:pointer; }
/*------------ 加载 ------------*/
.loging { position: absolute; top: 100px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.loging img { margin-right: 8px; }
.loging { line-height: 35px; }
/**  分页 **/
.pagination { text-align: center; }
.pagination li { display: inline-block; height:30px; line-height:30px; text-align:center; border:1px solid #eee; margin-right:5px; background: #fff; border-radius: 5px; }
.pagination li a { display:block; font-family:"Arial"; }
.pagination li span, .pagination li a { color: #999; }
.pagination li.active { background:#0057ff; border-color:#0057ff; }
.pagination li.active span, .pagination li.active a { color:#fff; }
/** 没有数据 **/
.empty-img { position:relative; padding:50px 0; text-align:center; }
/** 图片上传 **/
.upload-img { position:fixed; top:50%; left:50%; width:670px; min-height:465px; background:#fff; z-index:10003; margin:-250px 0 0 -322px; border-radius: 5px; }
.upload-img .tit-h5 { position:relative; height:50px; line-height:50px; padding:0 25px; color:#282828; border-bottom:1px solid #eaeaea; }
.upload-img .tit-h5 .colse-cover { position:absolute; right:25px; top:19px; width:11px; height:11px; background-position:-159px 0; cursor:pointer; transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
}
.upload-img .cropper-container { position:absolute; top:25px; left:25px; z-index:50; }
.upload-img .tit-h5 .colse-cover:hover { transform:rotate(90deg); -webkit-transform:rotate(90deg); }
.upload-lists-cover { position:relative; padding:25px; }
.docs-preview { width:205px; overflow:hidden; }
.upload-img .img-container { width:420px; height:310px; background:#f2f2f2; }
.img-preview { background-color:#f7f7f7; overflow:hidden; width:100%; text-align:center; }
.docs-preview { margin-right:-15px; margin-bottom:10px; }
.img-preview { float:left; margin-right:10px; margin-bottom:10px; }
.img-preview > img { max-width:100%; }
.preview-lg { width:263px; height:148px; }
.preview-md { width:139px; height:78px; }
.preview-sm { width:69px; height:39px; }
.upload-img .file-upload { position: absolute; top: 25px; left: 25px; width: 420px; height: 310px; background: #f2f2f2; cursor: pointer; overflow: hidden; }
.upload-img .file-upload #inputImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 25 }
.upload-img .cover-title { position: absolute; top: 100px; left: 80px; width: 235px; height: 108px; line-height: normal; color: #999; text-align: center; z-index: 15; }
.upload-img .cover-title i { width: 32px; height: 32px; background-position: -168px -17px; margin: 0 auto; }
.upload-img .cover-title span { display: block; padding: 10px 0 0px; }
.upload-img .cover-title p { padding: 0px !important; color: #999; font-size:12px; line-height:inherit; }
.upload-img .js-covers-covers { display: none; padding: 0 25px; height: 50px; line-height: 50px; }
.upload-img #dataWidth, .upload-img #dataHeight { display: inline-block; background: transparent; padding: 0px; text-align: center; color: #666; }
.upload-img #dataWidth, .upload-img #dataHeight { min-width: 35px; max-width: 35px; border: 0px; }
.upload-img .cover-type { display: none; width: 420px; height: 40px; float: left; }
.upload-img .cover-type-but .btn { float: left; width: 20px; height: 20px; background-position: -180px -55px; border: 0px; margin-left: 25px; cursor: pointer; }
.upload-img .cover-type-but { margin-top: 10px; }
.upload-img .cover-type-but .btn.rotate-j, .upload-img .cover-type-but .btn.rotate-y { width: 21px; }
.upload-img .cover-type-but .btn.zoom-y { background-position: -180px -81px; }
.upload-img .cover-type-but .btn.rotate-j { background-position: -179px -109px; }
.upload-img .cover-type-but .btn.rotate-y { background-position: -179px -134px; }
.upload-img .cover-type-but .btn.zoom-j:hover { background-position: -157px -55px; }
.upload-img .cover-type-but .btn.zoom-y:hover { background-position: -157px -81px; }
.upload-img .cover-type-but .btn.rotate-j:hover { background-position: -154px -109px; }
.upload-img .cover-type-but .btn.rotate-y:hover { background-position: -155px -134px; }
.upload-img .res-title { display: none; line-height: 30px; color: #fff; font-size: 12px; text-align: center }
.upload-img .sub-bor { border-top: 1px solid #eee; padding: 25px 0; text-align: center; }
.upload-img .sub { width: 120px; height: 34px; border: 1px solid #eee; background: #fff; cursor: pointer; border-radius: 5px; }
.upload-img .sub.submit-cover { background: #0057ff; color: #fff; }
.upload-img .sub.reset-cover { margin: 0 0 0 15px; }
.upload-img.open .upload-lists-cover { margin-top: -25px; }
.upload-img.open .js-covers-covers { display: block; }
.upload-img.open .file-upload { top: 345px; width: 80px; height: 30px; background: #0057ff; border-radius: 5px; }
.upload-img.open .cover-title { display: none; }
.upload-img.open .res-title { display: block; }
.upload-img.open .cover-type { display: block; }
/*发布页面*/
.works:after, .works-update:after, .works-update ul li:after { display: block; content: ""; clear: both; }
.works-head { position:relative; padding:0 20px; height:70px; line-height:70px; text-align:center; border-bottom:1px solid #eee; margin-bottom: 50px; }
.works-head.cool a { margin: 0; }
.works-head a { font-size: 18px; color: #333; margin-right: 45px; }
.works-head a:nth-of-type(2) {
margin-right: 0px;
}
.works-head a.on { color: #0057ff; border-bottom: 2px solid #0057ff; padding-bottom: 22px; }
.works-head span { position:absolute; right:20px; top:0px; font-size:12px; color:#999; }
.works-update { width:840px; margin:0 auto; }
.works-update ul li { height:50px; line-height:50px; margin-bottom:25px; }
.works-update ul li.textarea { height: 120px; }
.works-update ul li.cover-lis { min-height: 83px; height: auto }
.works-update ul li.cover-li { }
.works-update ul li.cover-li img { cursor: pointer; }
.works-update ul li.labels { min-height: 83px; height: auto; }
.works-update ul li label { display:block; float:left; width:10%; }
.works-update ul li .works-input { width:90%; }
.works-update ul li input[type=text], .works-update ul li select { height:48px; line-height:48px; border:1px solid #eee; border-radius:5px; padding:0 5px; background: #f4f4f4; }
.works-update ul li input[type=text] { width:100%; }
.works-update ul li.share-file input[type=text] { width: 85%; }
.works-update ul li.share-file input[type=text].name-wpwd { width: 10%; float: right; margin-right: -11px; }
.works-update ul li select { width: 280px; color:#666; }
.works-update ul li textarea { padding:5px; width:100%; height:108px; border:1px solid #eee; border-radius:5px; resize:none; background: #f4f4f4; }
.works-update ul li input[type=text]:focus, .works-update ul li textarea:focus { background: transparent; }
/** 视频管理 **/
.works-update ul li.videos-lis { height: auto; min-height: 50px; }
.works-update ul li.videos-lis .works-input .video-demo { position: relative; display: block; float: left; width: 150px; height: 40px; line-height: 40px; color: #fff; border-radius: 5px; text-align: center; margin: 5px 10px 0 0; cursor: pointer; overflow: hidden; }
.works-update ul li.videos-lis .works-input .update-video { background: #0057ff; }
.works-update ul li.videos-lis .works-input .save-video-url { height: 38px; color: #333; background: #fff; border: 1px solid #f0f0f0; }
.video-url { position: fixed; top: 50%; left: 50%; width: 480px; height: 215px; background: #fff; border-radius: 5px; margin: -107.5px 0 0 -240px; z-index: 1008; }
.video-url .tit-h5 { position:relative; height:50px; line-height:50px; padding:0 25px; color:#282828; border-bottom:1px solid #eaeaea; }
.video-url .tit-h5 .colse-video { position: absolute; right: 25px; top:19px; width: 11px; height: 11px; background-position: -159px 0; cursor: pointer;  transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
}
.video-url .tit-h5 .colse-video:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.video-url .video-url-con { padding: 30px; }
.video-url .video-url-con .video-url-input { width: 97%; height: 45px; line-height: 45px; border: 1px solid #f0f0f0; padding: 0 5px; border-radius: 5px; background: #f4f4f4; }
.video-bottom { text-align: center; }
.video-bottom button { width: 120px; height: 40px; line-height: 40px; background: #0057ff; color: #fff; border: 0; border-radius: 5px; cursor: pointer; margin: 20px 10px 0 0; }
.video-bottom button.cancel-ton { border:1px solid #f0f0f0; background: transparent; color: #333; }
.video-list { height: 20px; line-height: 20px; margin:20px 0 10px; }
.video-list h6 i { display: block; float: left; width: 20px; height: 20px; background: url("../images/play.png") no-repeat; margin-right: 5px; }
.video-list h6 .vurl { display: block; float:left; width: 250px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
.video-list .colse-v { display: block; width: 20px; height: 20px; background: url("../images/colse.png") no-repeat; background-size: 20px; cursor: pointer; }
.video-list .upstatus { width: 280px; margin-right: 15px; }
.video_box { position:fixed; top:30%; left:50%; width:408px; background-color:#fff; border-radius:5px; margin:0 0 0 -204px; z-index:1009; }
.video_box .tit-h5 { position:relative; height:50px; line-height:50px; padding:0 25px; color:#282828; border-bottom:1px solid #eaeaea; }
.video_box .tit-h5 em { font-size: 12px; color: #0057ff; }
.video_box .tit-h5 .colse-video { position: absolute; right: 25px; top:19px; width: 11px; height: 11px; background-position: -159px 0; cursor: pointer;  transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
}
.video_box .tit-h5 .colse-video:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.video-outs { padding: 30px; }
.video_upload_btn { border:2px dashed #ccc; color:#ccc; display:block; font-size:40px; font-weight:700; height:80px; line-height:75px; text-align:center; width:80px; vertical-align:bottom; cursor:pointer; margin:0 auto; }
.video_box .video-bottom button { margin: 0 10px 0 0; }
.video_textarea_upload { position: relative; }
.video_words_num { color:#808080; position: absolute; bottom: 12px; right:9px; }
.clicked { border-color: #eb7350; }
.video_name_box { display:block; vertical-align:bottom; border:1px solid #f0f0f0; padding:0 5px; box-shadow:none; height:30px; line-height:30px; border-radius:5px; color:#eb7350; background-color:#f0f0f0; position:relative; width:100%; }
.video_file_name { max-width: 90%; vertical-align: top; color: #0057ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.upload_video_area { text-align: center; margin:20px 0 0 }
.loading_bar { background: #f2f2f5 none repeat scroll 0 0; border-radius: 6px; display: inline-block; font-size: 0; height: 10px; overflow: hidden; text-align: left; width: 250px; }
.loading_bar em { background: #0057ff none repeat scroll 0 0; display: inline-block; height: 10px; vertical-align: top; }
.layer_point { position:relative; text-align:center; }
.percentnum { position:absolute; font-size:12px; top:1px; right:16px; color:#0057ff; }
.layer_point .point dd p { text-align: center; font-size: 12px; }
.updesc, .upload_succ { padding: 5px 0; font-size: 14px }
.upload_know { margin:30px 0 0; }
.send_succpic { display: none; height: 42px; left: 0; margin-top: -21px; overflow: hidden; position: absolute; text-align: center; top: 50%; width: 100%; }
.send_succpic .txt { display: inline-block; font: 16px/22px Microsoft Yahei; margin: 0 0 0 10px; vertical-align: middle; }
.send_succpic .icon_succB, .send_succpic .icon_errorB { vertical-align: middle; }
.icon_succB { background-position: -375px 0; }
.icon_succB, .icon_warnB, .icon_questionB, .icon_rederrorB { height: 42px; width: 38px; }
.moxie-shim { left: 0!important; width: 100%!important; height: 35px!important; }
/** 分类选择 **/
.works-update ul li .sele-jq { position: relative; display:inline-block; height:48px; border:1px solid #eee; padding:0 20px; background:#f4f4f4; border-radius:5px; cursor: pointer; }
.works-update ul li .sele-jq i { display: inline-block; width:9px; height: 7px; background: url("../images/sele-ico.png") no-repeat; margin-left:10px; }
.works-update ul li .works-cate { display: none; min-width: 165px; position: absolute; top: 49px; left: 0px; background: #fff; border: 1px solid #eee; z-index: 250; border-radius: 5px; box-shadow: 0 0 6px #ddd; overflow: hidden; }
.works-update ul li .sele-jq:hover .works-cate { display: block; }
.works-update ul li .works-cate.bwidth .bor-lt { display: block; }
.works-update ul li .works-cate .bor-lt { display: none; position: absolute; left: 165px; top: 50px; width: 1px; height: 100%; background: #eee; }
.works-update ul li .works-cate.bwidth { min-width: 302px; }
.works-update ul li .works-cate .works-is-type { padding: 0 20px; border-bottom: 1px solid #eee; }
.works-update ul li .works-cate .works-is-type p { display: inline-block; cursor: pointer; margin-right: 10px; }
.works-update ul li .works-cate .works-is-type p:nth-of-type(2) {
margin-right: 0px;
}
.works-update ul li .works-cate .works-is-type .on { color: #0057ff; }
.works-update ul li .works-cate .works-is-type .on span { background: #0057ff; }
.works-update ul li .works-cate .works-is-type span { position:relative; display:block; float:left; width:15px; height:15px; border:1px solid #eee; border-radius:35px; margin: 3px 6px 0 0; }
.works-update ul li .works-cate .works-is-type span em { position:absolute; top:8px; left:49%; display:block; width:8px; height:8px; transform: translate(-43%, -55%); -webkit-transform: translate(-43%, -55%); background: #fff; border-radius: 35px; }
.works-update ul li .works-cate .works-cate-ul { min-width:165px; }
.works-update ul li .works-cate .works-cate-ul-er { min-width:136px; height:100%; }
.works-update ul li .works-cate .works-cate-ul, .works-update ul li .works-cate .works-cate-ul-er { float:left; padding:6px 0; }
.works-update ul li .works-cate .works-cate-ul li, .works-update ul li .works-cate .works-cate-ul-er li { padding:0 20px; height:32px; line-height:32px; margin-bottom: 0px; color: #333; }
.works-update ul li .works-cate .works-cate-ul li:hover, .works-update ul li .works-cate .works-cate-ul-er li:hover { background: #e2e2e2; }
.works-update ul li .works-cate .works-cate-ul li.active { color: #0057ff; }
/** 简洁 **/
.works-update ul li .sele-jq-concise { position: relative; display:inline-block; height:48px; border:1px solid #eee; padding:0 20px; background:#f4f4f4; border-radius: 5px; cursor: pointer; margin-left: 25px; }
.works-update ul li .sele-jq-concise i { display: inline-block; width:9px; height: 7px; background: url("../images/sele-ico.png") no-repeat; margin-left: 10px; }
.works-update ul li .sele-jq-concise .works-select { display:none; width:270px; padding:5px 0; position:absolute; top:49px; left:0; background:#fff; border:1px solid #eee; border-radius:5px; box-shadow:0 0 6px #ddd; overflow: hidden; z-index:10004; }
.works-update ul li .sele-jq-concise .works-select p { padding: 0 20px; line-height: 32px; color: #333; }
.works-update ul li .sele-jq-concise .works-select p.on { color: #0057ff; }
.works-update ul li .sele-jq-concise .works-select p:hover { background: #e2e2e2; }
.works-update ul li .sele-jq-concise:hover .works-select { display: block; }
/** 酷站 **/
.works-update ul li .sele-jq-concise.ku-web { margin-left: 0px; }
.works-update ul li .sele-jq-concise.ku-web .works-select { width: 200px; }
.works-update ul li .sele-jq-concise.ku-web .works-select p { width: 60px; float: left; text-align: center; }
.works-update ul li .sele-jq-color { position: relative; display:inline-block; height:48px; border:1px solid #eee; padding:0 20px; background:#f4f4f4; border-radius: 5px; cursor: pointer; margin-left: 25px; }
.works-update ul li .sele-jq-color i { display: inline-block; width:9px; height: 7px; background: url("../images/sele-ico.png") no-repeat; margin-left: 10px; }
.works-update ul li .sele-jq-color .works-select-col { display:none; width:145px; padding:5px 0; position:absolute; top:49px; left:0; background:#fff; border:1px solid #eee; border-radius:5px; box-shadow:0 0 6px #ddd; overflow: hidden; z-index:10004; }
.works-update ul li .sele-jq-color .works-select-col p { padding: 0 20px; line-height: 32px; color: #333; }
.works-update ul li .sele-jq-color .works-select-col p.on { color: #0057ff; }
.works-update ul li .sele-jq-color .works-select-col p:hover { background: #e2e2e2; }
.works-update ul li .sele-jq-color:hover .works-select-col { display: block; }
.works-update ul li .ku-color { display: inline-block; width: 30px; height: 30px; border-radius: 50px; background: transparent; vertical-align: middle; margin-left: 10px; }
/** Common **/
.works-update ul li.cover-li p { font-size: 12px; color: #999; padding: 15px 0; }
.works-update ul li.cover-li .cover-up, .works-update ul li.cover-lis .cover-ups { width: 148px; height: 38px; line-height: 38px; border: 1px solid #0057ff; text-align: center; color: #0057ff; border-radius: 5px; }
.works-update ul li.cover-li .cover-up { position: absolute; top: 225px; right: 445px; width: 60px; border: 0px; height: 22px; line-height: 22px; font-size: 12px; overflow: hidden; }
.works-update ul li.cover-li .cover-up #cover-pic { position: absolute; width: 100%; height: 40px; top: 0; left: 0; opacity: 0; cursor: pointer; }
.works-update ul li.cover-lis .cover-ups { float:left; background:#0057ff; color:#fff; margin-top:5px; }
.works-update ul li.cover-lis span { font-size:12px; }
.submit-input { padding: 35px 0 50px; border-top: 1px solid #eee; }
.submit-input input[type=submit] { width:280px; height:50px; background:#0057ff; border:0px; border-radius: 5px; font-size: 16px; color: #fff; cursor: pointer; margin-left: 254px; }
.works-update ul li .remark-cs { height:38px !important; top: 80px !important; }
/* 标签 */
.works-update ul li.labels #textarea { position:relative; width:765px; min-height:48px; border:1px solid #eee; border-radius:5px; }
.works-update ul li.labels #textarea input[type=text] { width: 98%; border:0; float: left }
#textarea .textkey { width: 100%; background: #fff; }
#textarea .textkey:after { display: block; clear: both; content: ""; z-index:999; }
#textarea span { float:left; display:block; padding:0 10px; height:30px; line-height:30px; background:#f6f6f6; color:#666; text-align:center; margin:9px 0 6px 15px; border-radius:5px; }
#textarea span.error { background:#d50041; color:#fff; }
#textarea span i { display: inline-block; width: 15px; cursor:pointer; padding-left:5px; font-style:normal; }
.f12-99 { font-size: 12px; color: #999; }
.works-update ul li.labels-n { height: 100%; }
.works-update ul li.labels-n input[type=text] { width: 40%; }
.works-update ul li.labels-n:after, .works-update ul li .labels-list:after { display: block; content: ""; clear: both; }
.works-update ul li .labels-list span { float: left; display: block; padding: 0 10px; height: 30px; line-height: 30px; background: #f6f6f6; color: #666; text-align: center; margin: 9px 10px 0 0; border-radius: 5px; }
.works-update ul li .labels-list span em { display: inline-block; width: 15px; cursor: pointer; padding-left: 5px; font-style: normal; }
.tips-span { display: block; line-height: 20px; padding-top: 15px; }
.works-update ul li .labels-list span.tag-warning { background-color: #ffb752; color: #fff; }
/* 作品更多设置 */
.works-update ul li.works-more { height: auto; }
.works-update ul li.works-more .bottom-down { display: none; }
.works-update ul li.works-more.open .bottom-down { display: block; }
.works-update ul li.works-more .w-more-list:after { display: block; content: ""; clear: both; }
.works-update ul li.works-more .w-more-list { margin-bottom: 10px; }
.works-update ul li.works-more label { cursor: pointer; }
.works-update ul li.works-more .down { display: inline-block; width: 9px; height: 6px; background: url("../images/sele-ico.png") no-repeat; margin-left: 4px; }
.works-update ul li.works-more .works-input span { color: #999; padding-left: 10px; font-size: 12px; }
.works-update ul li.works-more .bottom-down h6 { width: 10%; float: left; text-align: center; color: #999; }
.works-update ul li.works-more .bottom-down .w-r { width: 89%; float: right; }
.works-update ul li.works-more .color-ps { display: block; float: left; margin-right: 15px; cursor: pointer; }
.works-update ul li.works-more .color-ps em { position: relative; display: block; float: left; width: 15px; height: 15px; border: 1px solid #eee; border-radius: 35px; margin:17px 3px 0 0; }
.works-update ul li.works-more .color-ps.on em { background: #0057ff; }
.works-update ul li.works-more .color-ps em i { position: absolute; top: 8px; left: 7px; display: block; width: 8px; height: 8px; transform: translate(-43%, -55%); -webkit-transform: translate(-43%, -55%); background: #fff; border-radius: 35px; }
.works-update ul li.works-more .minicolors { display: none; }
.works-update ul li.works-more .minicolors-panel { display: block; border-radius: 8px; overflow: hidden; border: 1px solid #f0f0f0; }
.works-update ul li.works-more input[type=text] { width: 70%; height: 30px; line-height: 30px; padding-left: 30px; }
.works-update ul li.works-more .minicolors-theme-default .minicolors-swatch { top: 15px; border-radius: 65px; overflow: hidden; }
.works-update ul li.works-more input[type=text].spacing-inp { width:35px; padding: 0 5px; }
/* 强制验证样式 */
.works-update ul li.cover-li .works-input { position: relative }
.works-update ul li .Validform_checktip { display: none !important; }
.works-update ul li.cover-li .Validform_checktip { display: block !important; position:absolute; bottom:155px; left:290px; }
/* 编辑作品 */
#uploader #queueList .filelist { padding-top: 52px; }
/*------------ 经验分享[文章] ------------*/
.works-update ul li.article-content { height: auto; }
.works-update ul li.article-content li, .works-update ul li.article-content .works-input { line-height: normal; height: auto; margin-bottom: 0px; }
.works-update ul li.article-content .works-input .edui-container .edui-toolbar { box-shadow: none; }
.works-update ul li.article-content .works-input .edui-container { box-shadow:none; border:1px solid #eee; border-radius:5px; }
.works-update ul li.article-content li label { width:70%; }
.works-update ul li.article-content .edui-link-table label { display:inline-block; width: 100%; }
.works-update ul li.article-content .edui-link-table input[type=text] { width: 300px; height: 21px; line-height: 21px; border: 1px solid #d7d7d7; }
.works-update ul li.article-content .edui-link-table #edui-link-Jtarget { position: absolute; left: 125px; top: 80px; }
/** 图片上传 **/
.upload-img { position: fixed; top: 50%; left: 50%; width: 670px; min-height: 465px; background: #fff; z-index: 10003; margin: -250px 0 0 -322px; border-radius: 5px; }
.upload-img .tit-h5 { position:relative; height:50px; line-height:50px; padding:0 25px; color:#282828; border-bottom:1px solid #eaeaea; }
.upload-img .tit-h5 .colse-cover { position: absolute; right: 25px; top:19px; width: 11px; height: 11px; background-position: -159px 0; cursor: pointer;  transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
}
.upload-img .cropper-container { position: absolute; top: 25px; left: 25px; z-index: 50 }
.upload-img .tit-h5 .colse-cover:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.upload-lists-cover { position: relative; padding: 25px; }
.docs-preview { width: 205px; overflow: hidden; }
.upload-img .img-container { width: 420px; height: 310px; background: #f2f2f2; }
.img-preview { background-color:#f7f7f7; overflow:hidden; width:100%; text-align:center; }
.docs-preview { margin-right:-15px; margin-bottom:10px; }
.img-preview { float:left; margin-right:10px; margin-bottom:10px; }
.img-preview > img { max-width:100%; }
.preview-lg { width:263px; height:148px; }
.preview-md { width:139px; height:78px; }
.preview-sm { width:69px; height:39px; }
.upload-img .file-upload { position: absolute; top: 25px; left: 25px; width: 420px; height: 310px; background: #f2f2f2; cursor: pointer; overflow: hidden; }
.upload-img .file-upload #inputImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 25 }
.upload-img .cover-title { position: absolute; top: 100px; left: 80px; width: 235px; height: 108px; line-height: normal; color: #999; text-align: center; z-index: 15; }
.upload-img .cover-title i { width: 32px; height: 32px; background-position: -168px -17px; margin: 0 auto; }
.upload-img .cover-title span { display: block; padding: 10px 0 0px; }
.upload-img .cover-title p { padding: 0px !important; color: #999; font-size:12px; line-height:inherit; }
.upload-img .js-covers-covers { display: none; padding: 0 25px; height: 50px; line-height: 50px; }
.upload-img #dataWidth, .upload-img #dataHeight { display: inline-block; background: transparent; padding: 0px; text-align: center; color: #666; }
.upload-img #dataWidth, .upload-img #dataHeight { min-width: 35px; max-width: 35px; border: 0px; }
.upload-img .cover-type { display: none; width: 420px; height: 40px; float: left; }
.upload-img .cover-type-but .btn { float: left; width: 20px; height: 20px; background-position: -180px -55px; border: 0px; margin-left: 25px; cursor: pointer; }
.upload-img .cover-type-but { margin-top: 10px; }
.upload-img .cover-type-but .btn.rotate-j, .upload-img .cover-type-but .btn.rotate-y { width: 21px; }
.upload-img .cover-type-but .btn.zoom-y { background-position: -180px -81px; }
.upload-img .cover-type-but .btn.rotate-j { background-position: -179px -109px; }
.upload-img .cover-type-but .btn.rotate-y { background-position: -179px -134px; }
.upload-img .cover-type-but .btn.zoom-j:hover { background-position: -157px -55px; }
.upload-img .cover-type-but .btn.zoom-y:hover { background-position: -157px -81px; }
.upload-img .cover-type-but .btn.rotate-j:hover { background-position: -154px -109px; }
.upload-img .cover-type-but .btn.rotate-y:hover { background-position: -155px -134px; }
.upload-img .res-title { display: none; line-height: 30px; color: #fff; font-size: 12px; text-align: center }
.upload-img .sub-bor { border-top: 1px solid #eee; padding: 25px 0; text-align: center; }
.upload-img .sub { width: 120px; height: 34px; border: 1px solid #eee; background: #fff; cursor: pointer; border-radius: 5px; }
.upload-img .sub.submit-cover { background: #0057ff; color: #fff; }
.upload-img .sub.reset-cover { margin: 0 0 0 15px; }
.upload-img.open .upload-lists-cover { margin-top: -25px; }
.upload-img.open .js-covers-covers { display: block; }
.upload-img.open .file-upload { top: 345px; width: 80px; height: 30px; background: #0057ff; border-radius: 5px; }
.upload-img.open .cover-title { display: none; }
.upload-img.open .res-title { display: block; }
.upload-img.open .cover-type { display: block; }
/*内容页*/
.guess-love .works-lists-con ul li, .scroll-show-user {  transition: all .4s ease-out;
 -webkit-transition: all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
}
.guess-love .works-lists-con ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); overflow: inherit; }
.guess-love .works-lists-con ul li .user-relevant .bottom ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.empty { padding: 50px 20px; background: #fff; font-size: 16px; }
/** 悬浮 **/
.scroll-show-user { position: fixed; left: 0; top: 0; width: 100%; height: 0px; line-height: 60px; background: #fff; overflow: hidden; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); z-index: 10006; }
.scroll-show-user.fix-show { height: 60px; overflow: visible; }
.scroll-show-user .l-u-img { position: relative; }
.scroll-show-user .bor-rad { display: block; float: left; width: 30px; height: 30px; margin: 15px 8px 0 0; border-radius: 65px; overflow: hidden; }
.scroll-show-user h1 { float: left; font-size: 16px; color:#333; }
.scroll-show-user .bor-rad img { width: 100%; }
.scroll-show-user .istype { display:block; float:left; margin:19px 0 0 8px; width: 16px; height: 20px; background-position: -134px -130px; }
.scroll-show-user .istype.j-x { background-position: -101px -130px; }
.scroll-show-user .istype.y-x { background-position: -157px -158px; }
.scroll-show-user .r-u-type .scro-but { width: 80px; height: 30px; line-height: 30px; border: 1px solid #eee; border-radius: 5px; text-indent: -13px; background: #fff; cursor: pointer; margin-left: 10px; font-size: 12px; }
.scroll-show-user .r-u-type .collection:disabled { background: #999; color: #fff; border: 0px; }
.scroll-show-user .r-u-type .scro-but i { float: left; width: 15px; height: 15px; }
.scroll-show-user .r-u-type .collection i { background-position: -136px 0; margin: 7px 0 0 19px; }
.scroll-show-user .r-u-type .comm-md i { background-position: -110px -34px; margin: 9px 0 0 15px; }
.scroll-show-user .user-left-show { width: 30px; height: 60px; padding-right: 10px; }
.scroll-show-user .user-left-show:hover .user-relevant { display: block; }
.scroll-show-user .user-relevant { display: none; width:135px; position:absolute; top:60px; left:0; background: #fff; border-radius:5px; padding:20px 20px 10px; box-shadow:0px 0px 30px #dcdcdc; z-index:200; }
.scroll-show-user .user-relevant .top:after { display: block; content: ""; clear: both; }
.scroll-show-user .user-relevant .top { margin-bottom: 15px; text-align: center; }
.scroll-show-user .user-relevant .top .left h5 { color: #333; font-weight: bold; padding: 6px 0 0; line-height: normal; }
.scroll-show-user .user-relevant .top .left p { margin: 0px; }
.scroll-show-user .user-relevant .top .pic { display:block; width:60px; height:60px; border-radius:35px; margin-right:10px; margin:0 auto; overflow:hidden; }
.scroll-show-user .user-relevant .top .pic img { width:100%; height:100%; }
.scroll-show-user .user-relevant .top .operation { margin-top: 10px; }
.scroll-show-user .user-relevant .top .operation .button { display: block; float:left; width: 60px; height: 30px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; text-align: center; margin-left: 5px; cursor: pointer; background: #fff; font-size: 12px; }
.scroll-show-user .user-relevant .top .operation .button.add-follow { background: #0057ff; color: #fff; }
.scroll-show-user .user-relevant .top .operation .button.add-follow.is_follow1 { width:65px; background:transparent; border-color:#0057ff; color: #0057ff; }
.scroll-show-user .user-relevant .bottom-ico { position: absolute; top: -5px; left: 15px; display: block; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.works-show .works-show-top .top-title { max-width: 640px; }
.works-show .works-article .works-show-top .top-title { max-width: 100%; }
.works-show-top .top-title h1 { font-size: 24px; color: #333; }
.works-show-top .top-title .istype { display:inline-block; margin-left:15px; width:16px; height:20px; background-position: -134px -130px; }
.works-show-top .top-title .istype.j-x { background-position: -101px -130px; }
.works-show-top .top-title .istype.y-x { background-position: -157px -158px; }
.works-show-top:after { display: block; clear: both; content: "" }
.works-show-top { padding: 30px 25px; border-radius: 5px; }
.works-show-top .title-bottom { margin: 8px 0 }
.works-show-top .title-bottom i { display: inline-block; margin-right: 5px; }
.works-show-top .title-bottom span { color:#999; margin-right: 15px; }
.works-show-top .title-bottom .view i { width: 20px; height: 17px; background-position: -83px -30px; vertical-align: text-top; }
.works-show-top .title-bottom .hits i { width: 17px; height: 17px; background-position: -30px -35px; vertical-align: text-top; }
.works-show-top .title-bottom .comment i { width: 17px; height: 17px; background-position: -56px -35px; vertical-align: text-top; }
.works-show-top .top-title p, .works-show-top .top-title p a { color: #999 }
.works-show-top .top-links { margin:22px 0 0 60px; }
.works-show-top .top-links .button { display: block; float: left; width: 73px; height: 33px; line-height: 32px; text-align: center; border: 1px solid #eee; border-radius: 5px; margin-left: 10px; background: #fff; color: #666; font-size: 12px; }
.works-show-top .top-links .button:last-child { background:#0057ff; color:#fff; border: 0; }
.works-show-top .top-links .button.is_follow1 { width:75px; background:transparent; border: 1px solid #0057ff; color: #0057ff; }
.works-show-top .top-user .user-pic { display: block; width: 80px; height: 80px; border-radius: 50px; margin-right:12px; overflow: hidden; }
.works-show-top .top-user .user-name h5 { font-size:16px; color:#333; margin-top:20px; }
.works-show-top .top-user .user-name h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.works-show-top .top-user .user-name h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.works-show-top .top-user .user-name h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.works-show-top .top-user .user-name h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.show-works-back { background: #fff; }
.works-show-content {/*! padding:0; */ /*! text-align:center; */ /*! border-top-left-radius: 5px; *//*! border-top-right-radius: 5px; */ /*! overflow:hidden; */ }
.works-show-content img { max-width:100%; display: block; margin: 0 auto; }
.works-show-content .works-remark { padding: 20px; text-align: initial; }
.works-show-content .works-remark.class-black { color: rgba(255, 255, 255, .7); }
.works-show-content .works-remark.class-defult { color: rgba(255, 255, 255, .8); }
.works-show-content .works-remark.article { padding: 25px 20px; background: #f7f8fa; border-radius: 5px; margin-bottom: 20px; color: #333; }
.works-show-content .works-video { width: 600px; height: 400px; margin: 0 auto 15px; overflow: hidden; }
.works-show-content .data-url { padding: 20px 0px 20px 20px; text-align: left; font-size: 12px; }
.works-show-content .data-url a { color: #999; }
.works-show-share { position:relative; border-top: 1px solid #eee }
.works-show-share:after, .works-show-share-top:after, .works-show-share-bottom:after { display: block; content: ""; clear: both; }
.works-show-share-top { padding:55px 20px 50px; border-bottom: 1px solid #eee }
.works-show-share .share { width: 30%; }
.works-show-share .share span { display:block; float:left; line-height:32px; color:#999; }
.works-show-share .share .bdshare-button-style0-32 a { margin: 0 6px 0 0; background: url("../images/share.jpg") no-repeat 0 -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_tsina { background-position: -43px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_sqq { background-position: -85px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_qzone { background-position: -127px -5px; }
/** 点赞 **/
.works-show-share .dzan { position:absolute; top:18px; left:50%; width:150px; height:70px; background:#0057ff; border-radius:35px; margin: 0 auto; color:#fff; text-align:center; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border: 0px; }
.works-show-share .dzan:disabled { background:#999 }
.works-show-share .dzan .bg-zan { display:block; width:21px; height:21px; background:url("../images/dzan.png") no-repeat; margin:7px auto 0; }
.works-show-share .dzan .zan-num { font-size: 16px; }
.works-show-share .dzan.article-top { top: 75px; }
.works-show-share #add-num { display: none; }
.works-show-share #add-num.add-animation { color: #eb4f38; position:absolute; top:-15px; left: 63px; font-size: 18px; opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; animation: mypraise 0.5s; -moz-animation: mypraise 0.5s; -webkit-animation: mypraise 0.5s; -o-animation: mypraise 0.5s; font-style:normal; }
@keyframes mypraise {  0% {
top:-15px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
 25% {
top:-20px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 50% {
top:-25px;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity:1;
}
 75% {
top:-30px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 100% {
top:-35px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
}
@-moz-keyframes mypraise {  0% {
top:-15px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
 25% {
top:-20px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 50% {
top:-25px;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity:1;
}
 75% {
top:-30px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 100% {
top:-35px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
}
.works-show-share .dzan.ku-color-go { line-height: 70px; }
.y-hidden .works-show-share .dzan { width: 100px; height: 45px; position: fixed; top:95%; left: 50%; z-index: 100010; }
.y-hidden .works-show-share .dzan.ku-color-go { line-height: 45px; }
.y-hidden .works-show-share .dzan .bg-zan { float: left; margin: 0 0 0 26px; }
.y-hidden .works-show-share .dzan .zan-num { float: left; margin-left: 8px; }
.y-hidden .works-show-share #add-num.add-animation { left: 38px; top: 0px; }
.y-hidden .show-big-thumb { display: block; }
.show-big-thumb { display:none; position:fixed; width:50px; bottom:2%; right:2%; z-index:100010; }
.show-big-thumb ul li { width:50px; height:50px; line-height:50px; text-align:center; border-radius:65px; color:#fff; font-size:12px; margin-top:12px; background:#0057ff; cursor:pointer; overflow:hidden; }
.show-big-thumb ul li.img { background:transparent; }
.show-big-thumb ul li img { width:100%; }
.show-big-thumb ul li .collection { width:50px; height:50px; background:transparent; border:0; color:#fff; }
.show-big-thumb ul li .collection:disabled { background:#999; }
.y-hidden .register { z-index:100015; }
.y-hidden .back-model.invita { background:rgba(0, 0, 0, .8); z-index:100011; }
/** 收藏 **/
.works-show-share .coll-rep { line-height:40px; }
.works-show-share .coll-rep span { display: block; float: left; margin-right: 50px; }
.works-show-share .coll-rep .is-coll { padding: 0 25px; }
.works-show-share .coll-rep .collection { width:98px; height:38px; line-height:38px; border:1px solid #eee; border-radius:5px; text-indent:-22px; background: #fff; }
.works-show-share .coll-rep .report i, .works-show-share .coll-rep .collection i { float:left; width:15px; height:15px; }
.works-show-share .coll-rep .collection i { background-position:-136px 0; margin:11px 0 0 20px; }
.works-show-share .coll-rep .report i { background-position:-134px -34px; margin:14px 7px 0 0px; }
.works-show-share .coll-rep .collection:disabled { background: #999; color: #fff; border: 0px; }
.works-show-share .coll-rep .collection:hover { border-color: #b9b9b9; }
.works-show-share-bottom { position: relative; padding: 20px; }
.works-show-share-bottom.wfile .labels, .works-show-share-bottom.wfile .new-zan { width: 45%; }
.works-show-share .labels, .works-show-share .new-zan { width: 90%; }
.works-show-share .labels { margin-top: 5px; }
.works-show-share .labels span { display: block; color: #999; float: left; }
.works-show-share .labels a { padding:5px 15px; border:1px solid #eee; border-radius:5px; margin:0 5px 0 2px; font-size: 12px; }
.works-show-share .labels a:hover { background: #0057ff; color: #fff; border-color: #0057ff; }
.works-show-share-bottom.wfile .url-file { display: block; }
.works-show-share .url-file { display: none; position: absolute; top: 6px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); cursor: pointer; color: #0057ff; }
.works-show-share .url-file i { float: left; width: 18px; height: 18px; margin-right: 3px; background-position: -140px -182px; }
.url-file-org { width: 360px; position: fixed; top: 50%; left: 50%; background: #fff; border-radius: 5px; ; margin: 0 0 0 -180px; z-index: 10007; }
.url-file-org h5 { font-size: 16px; color: #333; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px solid #e6e6e6; }
.url-file-org .url-file-list { padding: 15px 15px 30px; }
.url-file-org .url-file-list ul li { height: 35px; line-height: 35px; overflow: hidden; }
.url-file-org .url-file-list ul li a { color: #0057ff; }
.url-file-org .colse-url { position:absolute; top:10px; right:10px; display:block; width: 25px; height: 25px; background: url(../images/colse.png) no-repeat; background-size: 25px; cursor: pointer; }
.url-file-org .url-file-list ul li .copy-pwds { margin-left: 10px; padding: 3px 10px; background: #0057ff; color: #fff; cursor: pointer; border-radius: 5px; }
.works-show-share .new-zan { text-align: right; }
.works-show-share .new-zan span { line-height: 26px; margin-left: 15px; }
.works-show-share .new-zan a { display: block; float: right; width: 26px; height: 26px; border-radius: 35px; margin-left: 5px; border: 1px solid #eee; overflow: hidden; }
.works-show-share .new-zan img { width: 100%; vertical-align: middle; }
.works-article { border-radius: 5px; }
.works-article .works-show-top .title-bottom { margin: 0 }
.works-article .works-show-content { padding: 20px; text-align: inherit; border-top: 1px solid #eee; }
.works-article .works-show-content p, .works-article .works-show-content p span { white-space: normal !important; }
.works-article .works-show-content .data-url { padding: 20px 0px 0; text-align: left; font-size: 12px; }
.works-article .works-show-content .data-url a { color: #999; }
/** 酷站 **/
.works-show-top.cool-show .title-bottom .creatime i { width:17px; height:17px; background-position:-89px -107px; vertical-align:text-top; margin-right:5px; }
.cool-show .go-web { padding: 5px 15px; background: #0057ff; color: #fff; border-radius: 5px; }
.thank-user { padding: 20px; }
.thank-user p a { color:#0057ff; }
/** 专访 **/
.interview-show { position: relative; }
.interview-show .ico-int { position: absolute; top: -8px; right: 28px; display: block; width: 50px; height: 61px; background: url(../images/inter.png)no-repeat; }
.interview-txt .works-desc h6 { font-size: 16px; color: #333; padding-bottom: 10px; }
.interview-txt .works-desc { color: #333; line-height: 24px; padding-bottom:35px; border-bottom: 1px solid #eee; margin-bottom: 35px; }
.interview-txt .inter-content, .interview-txt .inter-content p { line-height: 25px; color: #333; }
.interview-txt .dialogue { color: #0057ff; padding-bottom:15px; }
.interview-txt .inter-contact { padding-top:30px; margin-top: 30px; border-top:1px solid #eee; }
.interview-txt .inter-contact h6 { font-size: 14px; color: #333; padding-bottom: 15px; font-weight: bold; }
.interview-txt .inter-contact ul:after { display: block; content: ""; clear: both; }
.interview-txt .inter-contact ul { padding: 25px 25px 10px; border: 1px solid #eee; border-radius: 5px; }
.interview-txt .inter-contact ul li { width: 45%; float: left; margin-bottom: 15px; }
.interview-txt .inter-contact ul li, .interview-txt .inter-contact ul li a { color: #333; }
.interview-txt .inter-contact ul li a:hover { color: #0057ff; }
.inter-contact .is-no-user { color: #999 !important; cursor: pointer; }
.interview-txt .inter-recommend { margin: 15px 0; padding: 25px; background: #f7f8fa; }
.interview-txt .inter-recommend .recomm-aend:hover, .interview-txt .inter-recommend a { color: #0057ff; }
.interview-txt .inter-recommend .recomm-aend { color: #666; }
.interview-txt .works-show-share-top { border-bottom: 0; min-height: 18px; padding: 55px 20px 65px; }
.interview-txt .works-show-share-top a:hover { color: #0057ff; }
.user-left .interview-top .user-pic img { margin: 40px 0 15px; }
.interview-user-top { position: absolute; top: 18px; right: 20px; }
.interview-user-top span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.interview-user-top .is_off { background-position: -25px -161px; vertical-align: middle; }
.interview-user-top .is_real { background-position: -51px -161px; vertical-align: middle; }
.interview-user-top .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.user-left .interview-top .copy-u-url { padding: 30px 0 10px; border-top: 1px solid #e6e6e6; margin-top: 30px; }
.user-left .user-left-top .copy-url { width: 80px; height: 40px; text-align: center; line-height: 40px; background: #0057ff; color: #fff; cursor: pointer; border-radius: 5px; margin: 0 auto; }
/* 用户基本信息 */
.com-h5 { font-size: 16px; line-height: 55px; color: #333; text-indent: 15px; }
.com-h5 em { font-size: 12px; color: #999; padding-right: 15px; }
.b-bor { border-bottom: 1px solid #eee }
.user-left { width: 280px; }
.user-left .user-left-top { position: relative; text-align: center; padding-bottom: 20px; border-radius: 5px; }
.user-left .user-pic img { width:90px; max-height: 90px; border-radius: 50px; margin: 25px 0 15px; overflow: hidden; }
.user-left .user-left-top h5 { font-size: 14px; color:#333; font-weight: bold; }
.user-left .user-left-top span { font-size: 12px; color: #666; }
.user-left .u-mun { margin: 0 auto }
.user-left .u-mun ul li { width: 25%; display: inline-block; }
.user-left .u-mun ul li span { color:#999; padding: 15px 0 5px; }
.user-left .u-mun ul li strong { color:#333 }
.user-left .u-mun ul li span, .user-left .u-mun ul li strong { display: block }
.user-left .u-sign { display:block; width:120px; height:35px; line-height:35px; background:#0057ff; color:#fff; border-radius:5px; margin:20px auto 0; }
.user-level { width:100%; height:60px; line-height:60px; background:#fff; margin-bottom:20px; }
.user-level ul li { float: left; width: 20%; position: relative; text-align: center; background: url("../images/right.jpg") no-repeat center right; }
.user-level ul li:last-child { background: none; }
.user-level ul li a { font-size: 16px; color: #666; }
.user-level ul li span { display: inline-block; width: 20px; height: 20px; line-height: 20px; background: #ff892a; color: #fff; border-radius: 35px; font-size: 12px; margin-left: 8px; }
.user-left.user-index-l .u-mun ul li { width: 35%; background: url("../images/li12.jpg") no-repeat 100% 14px; }
.user-left.user-index-l .u-mun ul li:last-child { background: none; }
.user-left.user-index-l .u-mun ul li span, .user-left.user-index-l .u-mun ul li strong { display: inline-block; }
.user-left.user-index-l .u-mun ul li span { font-size: 14px; padding-top: 10px; }
.user-left.user-index-l .u-mun ul li strong { font-weight:normal; color:#666; }
.si-gz { padding: 30px 0px 10px; margin-top: 30px; border-top: 1px solid #eee; }
.si-gz .button { display:inline-block; width:83px; height:38px; line-height:38px; text-align:center; border:1px solid #eee; color:#666; border-radius:5px; margin-right:5px; background: #fff; color: #666; font-size: 12px; }
.si-gz .button:last-child { background: #0057ff; color: #fff; border-color: #fff; margin-right: 0px; }
.si-gz .button.is_follow1 { width:75px; background:transparent; border-color:#0057ff; color: #0057ff; }
/* 站点 */
.user-web { border-radius: 5px; }
.user-web ul:after { display: block; content: ""; clear: both; }
.user-web ul { padding: 0px 20px 15px; }
.user-web ul li { width: 32px; height: 32px; float: left; margin:15px 15px 0 0; border-radius: 35px; overflow: hidden; }
.user-web ul li:nth-of-type(5n) {
margin-right: 0px;
}
/* 访客 */
.user-left-fanke:after { display: block; content: ""; clear: both; }
.user-left-fanke { border-radius:5px; padding-bottom:20px; }
.user-left-fanke ul li { float: left; width: 33.3333333%; text-align: center; margin-top: 15px; }
.user-left-fanke ul li .u-visitor { display: block; width: 50px; height: 50px; border-radius: 35px; margin: 0 auto; overflow: hidden; }
.user-left-fanke ul li h6, .user-left-fanke ul li p { font-size: 12px; }
.user-left-fanke ul li h6 { width:100%; height:17px; color:#333; padding:5px 0 0px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
.user-left-fanke ul li p { color: #999; }
/* 右侧 */
.user-right { width: 880px; border-radius: 5px; }
/* TA的作品 */
.picscroll-works { position: relative; padding: 20px 20px 30px; border-radius: 5px; }
.show-only-head, .picscroll-works h5 { padding-bottom: 20px; }
.picscroll-works .head-tab { font-weight: normal; cursor: pointer; }
.picscroll-works .head-tab:nth-of-type(2) {
padding-left: 20px;
}
.picscroll-works .head-tab.on { font-weight: bold; color: #333; }
.picscroll-works .bd ul li { width: 155px; height: 115px; margin-right: 16px; float: left; }
.picscroll-works .bd ul li img { width: 155px; height: 115px; }
.picscroll-works .hd { position: absolute; top: 23px; right:20px; }
.picscroll-works .hd a { display:block; float:left; width:28px; height:28px; background: url("../images/slide.png") no-repeat 0 0; cursor: pointer; }
.picscroll-works .hd a.prev { background-position: -33px 0px; margin-left: 5px; }
.picscroll-works .hd a:hover { background-position: 0 -42px; }
.picscroll-works .hd a.prev:hover { background-position: -33px -42px; }
.picscroll-works .bd { height: 115px; margin-top: 8px; overflow: hidden; }
.picscroll-works .bd ul li .pic { position: relative; width: 155px; height: 115px; border-radius: 5px; overflow: hidden; }
.picscroll-works .empty, .comment-content .empty { padding: 20px; }
.picscroll-works .bd ul li a { position: absolute; top: 0; left: 0px; display: block; width: 100%; height: 100%; z-index: 10; }
.picscroll-works .bd ul li .bg-opac { position: absolute; top: -116px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);  transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
z-index: 2; }
.picscroll-works .bd ul li .tit { position: absolute; bottom: -25px; left: 0px; width: 100%; height: 20px; z-index: 5; color: #fff; text-align: center; transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
}
.picscroll-works .bd ul li:hover .bg-opac { top: 0px; }
.picscroll-works .bd ul li:hover .tit { bottom: 50px; }
/** 收藏 **/
.works-coll:after { display: block; content: ""; clear: both; }
.works-coll ul li { width:264px; height: 355px; float:left; margin:0 20px 20px 0; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.works-coll ul li .bor-img { display: block; width: 264px; height: 198px; background: #eee; overflow: hidden; }
.works-coll ul li .bor-img img, .works-coll ul li .bor-img img { width: 100%; height: 198px; }
.works-coll ul li:nth-of-type(3n) {
margin-right: 0px;
}
.works-coll ul li .title { padding:15px 18px; }
.works-coll ul li h6 a { font-size:14px; color:#333; }
.works-coll ul li .title em { width: 11px; height: 14px; background-position: -50px -107px; }
.works-coll ul li p { margin:5px 0; color:#999; }
.works-coll ul li .title-bottom i { display: inline-block; margin-right: 5px; }
.works-coll ul li .title-bottom .view i { width: 20px; height: 17px; background-position: -83px -30px; vertical-align: text-top; }
.works-coll ul li .title-bottom .hits i { width: 17px; height: 17px; background-position: -30px -35px; vertical-align: text-top; }
.works-coll ul li .title-bottom .comment i { width: 17px; height: 17px; background-position: -56px -35px; vertical-align: text-top; }
.works-coll ul li .title-bottom:after, .tabs-user .u-sc-tabs ul li .zf-bottom:after { display: block; content: ""; clear: both; }
.works-coll ul li .title-bottom .sc-i { float: left; margin-right: 5px; }
.works-coll ul li .title-bottom span { float:left; color:#999; margin-right:15px; }
.works-coll ul li .title-bottom .count-pic i { width: 16px; height: 13px; background-position: 0px -107px; margin-top: 3px; }
.works-coll ul li .title-bottom .xing i { width: 15px; height: 15px; margin-top: 2px; background-position: -25px -107px; }
.works-coll ul li .zf-bottom { border-top: 1px solid #eee; padding:0 15px; height: 56px; line-height: 56px; }
.works-coll ul li .zf-bottom .user-sta-pic { display:block; width:25px; height:25px; float:left; margin:16px 5px 0 0; border-radius:35px; overflow:hidden; }
.works-coll ul li .zf-bottom a { color: #999; }
.works-coll ul li .zf-bottom a.sta { color: #0057ff }
.works-coll ul li .zf-bottom a.time { padding-left: 0px; }
.works-coll ul li .zf-bottom a:not(.time):hover {
color:#0057ff;
}
.works-coll ul li .zf-bottom a.del-collect { padding-left:10px; }
.works-coll ul li .zf-bottom .user-sta:hover .user-relevant { display:block; text-align: center; }
.works-coll ul li .zf-bottom .user-sta { position:relative; width:60%; cursor: pointer; }
.works-coll ul li .user-relevant { display:none; width:100%; position:absolute; bottom:56px; left:-15px; background: #fff; border-radius:5px; padding:20px 20px 10px; box-shadow:0px 10px 30px #dcdcdc; z-index:200; }
.works-coll ul li .user-relevant .top:after { display: block; content: ""; clear: both; }
.works-coll ul li .user-relevant .top { margin-bottom: 15px; }
.works-coll ul li .user-relevant .top .left h5 { color: #333; font-weight: bold; padding: 6px 0 0; line-height: normal; }
.works-coll ul li .user-relevant .top .left p { margin: 0px; }
.works-coll ul li .user-relevant .top .pic { display:block; width:60px; height:60px; border-radius:35px; margin-right:10px; margin:0 auto; overflow:hidden; }
.works-coll ul li .user-relevant .top .pic img { width:100%; height:100%; }
.works-coll ul li .user-relevant .top .operation { margin-top: 10px; }
.works-coll ul li .user-relevant .top .operation .button { display: block; float:left; width: 60px; height: 30px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; text-align: center; margin-left: 5px; cursor: pointer; background: #fff; font-size: 12px; }
.works-coll ul li .user-relevant .top .operation .button.add-follow { background: #0057ff; color: #fff; border: 0; }
.works-coll ul li .user-relevant .top .operation .button.add-follow.is_follow1 { width:65px; background:transparent; border:1px solid #0057ff; color: #0057ff; }
.works-coll ul li .user-relevant .bottom-ico { position: absolute; bottom: -6px; left: 63px; display: block; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.works-coll .coll-more { display: block; width:100px; height: 35px; line-height: 35px; text-align: center; background: #0057ff; color: #fff; margin: 0 auto; border-radius: 5px; }
/* 评论 */
.comment-works { border-radius: 5px; }
.comment-works-top:after, .comment-works-bottom:after, .comment-works-bottom .comment-content li:after, .reply-form:after { display:block; content:""; clear: both; }
.comment-works-top { padding: 20px; border-bottom: 1px solid #eee; }
.comment-works-top .comment { width: 827px; height: 70px; border:1px solid #eee; border-radius: 5px; padding: 5px; resize: none; background: #f4f4f4;  transition: all .3s ease-out;
 -webkit-transition: all .3s ease-out;
}
.comment-works-top .comment:focus { background: #fff; }
.comment-works-top .comm-submit { display:block; width:100px; height:35px; border-radius:5px; border:0px; cursor:pointer; margin-top:12px; float:right; background:#0057ff; color:#fff; font-size: 12px; }
.comment-works-top.comm-disabled .comment { background: #f4f4f4; }
.comment-works-top.comm-disabled .comm-submit { background:#f4f4f4; color: #666; }
.comment-works-top .comment:focus { border-color: #eee }
.comment-works-top .tips-c, .tips-rep { display: block; float: left; margin: 15px 0 0 0; }
.comment-works-top .tips-c .font-col { font-size: 12px; color: #bfbfbf; }
.comment-works-bottom { padding: 20px 20px 0; }
.comment-works-bottom h5 { font-size:16px; font-weight:bold; color:#333; }
.comment-works-bottom h5 span { font-size: 14px; font-weight: normal; color: #999 }
.comment-works-bottom .comment-content li { padding: 25px 0px; border-bottom: 1px solid #eee; }
.comment-works-bottom .comment-content li:last-child { border-bottom: none; }
.comment-works-bottom .comment-content li .user-pic { display:block; width:60px; height:60px; border-radius:35px; overflow:hidden; margin-right:15px; }
.comment-works-bottom .comment-content li .user-pic img { width:60px; height:60px; }
.comment-works-bottom .comment-content li .user-comment-right { width:763px; }
.comment-works-bottom .comment-content li .user-comment-right .a-invita { color: #0057ff; }
.comment-works-bottom .comment-content li .user-comment-right .level-1 { font-weight:bold; color:#333; padding:10px 0 5px; }
.comment-works-bottom .comment-content li .user-comment-right .level-1 .time { color:#999; font-weight:normal; padding-left:15px; font-size: 12px; }
.comment-works-bottom .user-comment-oper { width: 100%; height: 20px; }
.comment-works-bottom .user-comment-oper a { display: block; float: left; color:#999; margin-left: 35px; cursor: pointer; }
.comment-works-bottom .user-comment-oper a.c-report i { width: 15px; height: 15px; float: left; vertical-align: middle; margin: 3px 5px 0 0; background-position: -134px -34px; }
.comment-works-bottom .user-comment-oper a.c-reply i { width: 15px; height: 15px; background-position: -110px -33px; margin-top:3px; }
.comment-works-bottom .user-comment-oper a.c-zan i { float: left; width: 13px; height: 13px; background-position: -28px -11px; margin:3px 5px 0 0; }
/* 回复 */
.reply-comment { position:relative; width:725px; padding:20px; background:#f4f4f4; border-radius:5px; margin: 30px 0 10px 0; }
.reply-comment .level-2 { font-weight:bold; color:#333; }
.reply-comment .level-2 span { font-size: 12px; font-weight: normal; color: #999 }
.reply-comment .top-ico, .reply-form .top-ico { position:absolute; top:-7px; left:30px; display:block; width:13px; height:13px; background:#f4f4f4; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.reply-form { position: relative; width: 765px; margin: 15px 0 25px 75px; }
.reply-form .reply-content { width: 725px; padding: 20px; border: 0px; background: #f4f4f4; border-radius: 5px; resize: none; }
.reply-form .comm-submit { display:block; width:100px; height:35px; border-radius:5px; border:0px; cursor:pointer; margin-top:12px; float:right; background:#0057ff; color:#fff; }
.more-comment { padding: 25px 0px; text-align: center; border-top: 1px solid #eee; }
.more-comment a { color:#0057ff; }
.more-comment .load-more-comment.load { text-indent: -9999px; display: inline-block; width: 39px; height: 39px; background: url("../images/login-1.gif"); }
/* 猜你喜欢 */
.guess-love .love-tit { margin: 25px 0 20px; font-size: 16px; font-weight: bold; color: #333; }
.guess-love .works-lists-con ul li .zf-bottom:after { display: block; content: ""; clear: both; }
.guess-love .works-lists-con ul li { position: relative; width:280px; height:368px; float:left; margin:0 20px 20px 0; border-radius:5px; overflow: hidden; }
.guess-love .works-lists-con ul li.amin { overflow: inherit; }
.guess-love .works-lists-con ul li:nth-of-type(3n) {
margin-right: 0px;
}
.guess-love .works-lists-con ul li .bor-img { display: block; width: 280px; height: 210px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.guess-love .works-lists-con ul li img { width:280px; height:210px; }
.guess-love .works-lists-con ul li .title { padding:15px 18px; }
.guess-love .works-lists-con ul li .title { position: relative; padding:15px 18px; }
.guess-love .works-lists-con ul li .title .istype { position: absolute; top: 14px; right: 20px; width: 16px; height: 20px; background-position: -134px -130px; }
.guess-love .works-lists-con ul li .title .istype.j-x { background-position: -101px -130px; }
.guess-love .works-lists-con ul li .title .istype.tj-0 { right: 0px; }
.guess-love .works-lists-con ul li h6 a { font-size:14px; color:#333; }
.guess-love .works-lists-con ul li p { margin:5px 0; color:#999; font-size: 12px; }
.guess-love .works-lists-con ul li .title-bottom:after { display: block; content: ""; clear: both; }
.guess-love .works-lists-con ul li .title-bottom i { float: left; margin-right: 5px; }
.guess-love .works-lists-con ul li .title-bottom span { display: block; float:left; font-size: 12px; color:#999; margin-right: 15px; }
.guess-love .works-lists-con ul li .title-bottom .view i { margin-top: 3px; width: 15px; height: 11px; background-position: 0px -188px; }
.guess-love .works-lists-con ul li .title-bottom .hits i { width: 14px; height: 14px; background-position: -24px -186px; }
.guess-love .works-lists-con ul li .title-bottom .comment i { margin-top: 1px; width: 14px; height: 14px; background-position: -48px -186px; }
.guess-love .works-lists-con ul li .title-bottom .creatime i { width: 12px; height: 12px; background-position: -90px -107px; }
.guess-love .works-lists-con ul li .title-bottom .creatime i { width: 12px; height: 12px; background-position: -92px -107px; }
.guess-love .works-lists-con ul li .zf-bottom { border-top: 1px solid #eee; padding:0 15px; height: 56px; line-height: 56px; }
.guess-love .works-lists-con ul li .zf-bottom a { color: #999; }
.guess-love .works-lists-con ul li .zf-bottom a.time { padding-right: 0px; font-size: 12px; }
.guess-love .works-lists-con ul li .zf-bottom .user-sta { position: relative; width:55%; }
.guess-love .works-lists-con ul li .zf-bottom .user-sta-pic { display: block; width: 25px; height: 25px; float: left; margin:16px 5px 0 0; border-radius: 35px; overflow: hidden; }
.guess-love .works-lists-con ul li .zf-bottom .user-sta-pic img { width: 100%; height: 100%; }
.guess-love .works-lists-con ul li .zf-bottom .user-sta:hover .user-relevant { display:block; }
.guess-love .works-lists-con ul li .user-relevant { display: none; width: 347px; position: absolute; bottom: 56px; left: -16px; background: #fff; border-radius: 5px; padding: 20px 20px 10px; box-shadow: 0px 10px 30px #dcdcdc; z-index: 200; }
.guess-love .works-lists-con ul li .user-relevant .top:after { display: block; content: ""; clear: both; }
.guess-love .works-lists-con ul li .user-relevant .top { margin-bottom: 15px; }
.guess-love .works-lists-con ul li .user-relevant .top .left { width: 50%; height: 60px; }
.guess-love .works-lists-con ul li .user-relevant .top .left h5 { height: 20px; line-height: 20px; color: #333; font-weight: bold; padding-top: 10px; }
.guess-love .works-lists-con ul li .user-relevant .top .left p { margin: 0px; }
.guess-love .works-lists-con ul li .user-relevant .top .pic { display:block; width:60px; height:60px; border-radius:35px; margin-right:10px; overflow:hidden; }
.guess-love .works-lists-con ul li .user-relevant .top .pic img { width:100%; height:100%; }
.guess-love .works-lists-con ul li .user-relevant .top .operation { margin-top: 10px; }
.guess-love ul li .user-relevant .top .operation .button { display: block; float:left; width: 65px; height: 30px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; text-align: center; margin-left: 5px; cursor: pointer; background: #fff; }
.guess-love .works-lists-con ul li .user-relevant .top .operation .button.add-follow { background: #0057ff; color: #fff; }
.guess-love ul li .user-relevant .top .operation .button.add-follow.is_follow1 { width:75px; background:transparent; border-color:#0057ff; color: #0057ff; }
.guess-love .works-lists-con ul li .user-relevant .bottom ul li { float: left; width: 110px; height: 80px; margin-right: 8px; border-radius: 5px; overflow: hidden; }
.guess-love .works-lists-con ul li .user-relevant .bottom ul li:last-child { margin-right: 0px; }
.guess-love .works-lists-con ul li .user-relevant .bottom ul li img { width: 100%; height: 100%; }
.guess-love .works-lists-con ul li .user-relevant .bottom-ico { position: absolute; bottom: -6px; left: 63px; display: block; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
/* 收藏提示 */
.c-collection { position:fixed; top:40%; left:50%; transform:translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: #fff; border-radius: 5px; z-index:100010; }
.check-coll-samll { width: 400px; }
.check-coll-samll h5 { height: 55px; line-height: 55px; border-bottom: 1px solid #eee; padding: 0 20px; }
.check-coll-samll .load-coll { width: 40px; height: 40px; margin: 15px auto; }
.check-coll-samll ul { margin: 0 20px; }
.check-coll-samll ul li:after { display: block; content: ""; clear: both; }
.check-coll-samll ul li { padding: 15px 0; border-bottom: 1px solid #eee; }
.check-coll-samll ul li:last-child { border-bottom: 0px; }
.check-coll-samll ul li p { line-height: 30px; }
.check-coll-samll ul li p i { display: inline-block; margin-left: 5px; width: 11px; height: 14px; background-position: -50px -107px; vertical-align: middle; }
.check-coll-samll ul li .click-coll { padding: 5px 15px; background: #0057ff; color: #fff; border-radius: 5px; cursor: pointer; border: 0px; }
.check-coll-samll ul li .click-coll:disabled { background: #fff; border: 1px solid #eee; color:#333; }
.check-coll-samll ul li .click-coll .load-2 { display: block; width:20px; height:20px; background: url("../images/login.gif") no-repeat; background-size:20px; }
.check-coll-samll .add-jia { display: block; height: 60px; line-height: 60px; border-top: 1px solid #eee; text-align: center; cursor: pointer; color: #333; }
.check-coll-samll .add-jia em { display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: url("../images/add-type-sprites.png") no-repeat 0 0; background-size:18px; vertical-align: middle; }
.c-collection .close { position: absolute; top:15px; right:15px; cursor: pointer; display: block; width:20px; height:20px; background: url("../images/colse.png") no-repeat; background-size:20px; }
.collection-show { position: fixed; top: 45%; left: 50%; width: 450px; border-radius: 5px; background: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 10002; }
.collection-show h5 { font-size: 16px; color: #333; padding: 0 20px; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; }
.collection-show ul { width: 400px; margin: 0 auto; }
.collection-show ul li { margin-top: 20px; }
.collection-show ul li input[type=text] { width: 387px; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #eee; padding:0 5px; }
.collection-show ul li input[type=radio] { vertical-align: middle; }
.collection-show ul li.is_open { margin-top: 10px; }
.collection-show ul li.is_open em { font-size: 12px; color: #999 }
.collection-show ul li textarea { width: 380px; height: 70px; padding: 8px; border: 1px solid #eee; resize: none; border-radius: 5px; }
.collection-show ul li input[type=submit] { width: 100%; height: 42px; line-height: 42px; background: #0057ff; color: #fff; border: 0px; border-radius: 5px; margin-bottom:30px; cursor: pointer; }
.collection-show .close { position: absolute; top:15px; right:15px; cursor: pointer; display: block; width:20px; height:20px; background: url("../images/colse.png") no-repeat; background-size:20px; }
.collection-show .tips-coll { display: block; margin: 20px 0 0 0; }
/* 举报提示 */
.report-con { width: 400px; position: fixed; top: 40%; left: 50%; background: #fff; border-radius: 5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:10002; }
.report-con h5 { font-size: 16px; color: #333; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; padding: 0 20px; }
.report-con ul { margin: 0 20px; }
.report-con ul li { position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; cursor: pointer; }
.report-con ul li.on { color: #0057ff; }
.report-con ul li span { position: relative; display: block; float: left; width: 15px; height: 15px; border: 1px solid #eee; border-radius: 35px; margin:12px 6px 0 0; }
.report-con ul li.on span { background: #0057ff; }
.report-con ul li span i { position: absolute; top: 8px; left: 49%; display: block; width: 8px; height: 8px; transform: translate(-43%, -55%); -webkit-transform: translate(-43%, -55%); background: #fff; border-radius: 35px; }
.report-con .colse { position: absolute; top:15px; right:15px; cursor: pointer; display: block; width:20px; height:20px; background: url("../images/colse.png") no-repeat; background-size:20px; }
.report-bottom { margin: 30px 0px; text-align: center; }
.report-bottom .report-but { width: 80px; height: 35px; line-height: 35px; border: 0px; cursor: pointer; background: #fff; border: 1px solid #eee; border-radius: 5px; margin-right: 10px; }
.report-bottom .report-but.rep-quest { background: #0057ff; color: #fff; }
/** 图片大 **/
.y-hidden { overflow-y:hidden; }
.fs_gallery { background:#000; left:0px; top:0px; right:0px; bottom:0px; position:fixed; z-index:10008; }
.fs_gallery.remove-img { width:100%; height: auto; overflow-y: scroll; overflow-x: hidden; }
.fs_gallery_close { position:absolute; top:20px; right:20px; width:39px; height:39px; cursor:pointer; background:url("../images/prer-next.png") no-repeat -64px 0; z-index:100010; }
.fs_gallery_close:hover { background-position: 0 0; }
.fs_gallery_prev, .fs_gallery_next { width:55px; height:55px; position:absolute; top:45%; z-index:1001; cursor:pointer; background:url("../images/prer-next.png") no-repeat -63px -115px; }
.fs_gallery_prev { left:0; bottom:0; }
.fs_gallery_next { right:0; bottom:0; background-position: -63px -49px; }
.fs_gallery_prev:hover { background-position: 0 -115px; }
.fs_gallery_next:hover { background-position: 0 -49px; }
.fs_gallery_shuft { width:9999999px; position:relative; }
.fs_gallery_shuft::after {
clear:both;
display:block;
content:"";
}
.fs_gallery_shuft_item { background-position:center; float:left; position:relative; background-repeat:no-repeat }
.fs_gallery_shuft_item img { left:50%; top:50%; position:absolute; box-shadow:0 0 8px rgba(0, 0, 0, .8) }
.fs_gallery .fs_gallery_shuft_item img:hover { cursor: url("../../common/img/thumb-b-25-20.png"), auto; }
.fs_gallery.remove-img .fs_gallery_shuft_item img:hover { cursor: url("../../common/img/thumb-s-20-20.png"), auto; }
.fs_gallery.remove-img .fs_gallery_prev, .fs_gallery.remove-img .fs_gallery_next, .fs_gallery.remove-img .fs_gallery_close { display: none; }
.fs_gallery_shuft_item img.big-thumb-fix { position: static; display: block !important; margin: 0 auto !important; max-width: 100%; width: auto !important; height: auto !important; }
.fs_gallery_shuft_item .loading-span { position: absolute; top: 50%; left: 50%; display: block; width: 60px; height: 60px; background: url("../images/loading.gif") no-repeat; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.works-show-share .share { width: 30%; }
.works-show-share .share span { display:block; float:left; line-height:32px; color:#999; }
.works-show-share .share .bdshare-button-style2-32 a { margin: 0 6px 0 0; background: url("../images/share.jpg") no-repeat 0 -5px; }
.works-show-share .share .bdshare-button-style2-32 a.bds_tsina { background-position: -43px -5px; }
.works-show-share .share .bdshare-button-style2-32 a.bds_sqq { background-position: -85px -5px; }
.works-show-share .share .bdshare-button-style2-32 a.bds_qzone { background-position: -127px -5px; }
/*错误报告*/
.popup-con { padding:10px 30px 10px 30px; width:480px; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fff; }
.report-option-row { border-bottom: 1px solid #eee; }
.textarea-style, .textarea-style2 { width: 100%; max-height: 134px; padding: 10px 20px; display: block; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; overflow: hidden; resize: none }
.input-style { width: 100%; max-height: 134px; padding: 10px 20px; display: block; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; overflow: hidden; resize: none; border: 1px solid #ddd; background: #f4f4f4; }
.textarea-style2 { height: 108px; overflow-y: auto; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { background: #fff; color: #444; }
.report-option-row label { line-height:56px; }
.pop-confirm { min-width: 120px; height: 36px; margin: 20px 8px 0; padding: 0 20px; font-size: 14px; }
.article-comments .allcomment-empy, .article-comments .preview-empty { min-height: 230px; padding-top: 98px; text-align: center; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.article-comments .allcomment-empy { margin-top: -30px; padding-top: 180px; background: #fff url(../images/qiangsafa.png) no-repeat center 23px; background-size: 190px auto; }
.article-comments:after { clear: both; content: ""; display: table; }
#detail-add-comment .btn-default-main { color: #444; background: #ffd100; border: 1px solid #ffd100; border-radius: 4px; cursor: pointer; text-align: center; }
.reply-content-wrap .textarea-style { width: 100%; display: block; }
.article-comments .reply-content-wrap { margin-top: 19px; padding: 0; }
.reply-list-covers { width: 100%; }
.article-comments .commentcon .comment-list-box .quote-content-wrap { width: 100%; height: auto; margin-top: 16px; margin-bottom: 20px; padding: 16px 20px 20px; background: #f4f4f4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; font-size: 14px; }
.article-comments .commentcon .comment-list-box .quote-content-wrap .userreply { line-height: 26px; color: #666666; word-wrap: break-word; word-break: break-all; display: block; }
.article-comments .commentcon .comment-list-box .quote-content-wrap .usernicks .usernick-box a { line-height: 26px; color: #444444; font-weight: 600; }
.article-comments .commentcon .comment-list-box .quote-content-wrap i { display: inline-block; vertical-align: middle; zoom: 1; border-top: none; border-right: 15px solid transparent; border-bottom: 15px solid #f4f4f4; border-left: 15px solid transparent; position: absolute; top: -12px; left: 15px; }
.face { display:none; }
.card-box .card-info .card-info-title .zcool-card-fire2 { background-image: url(../images/svg/bianjijingxuan.svg); background-size: auto 14px; width: 14px; height: 14px; float: right; margin-top: 3px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center top; }
.card-box .card-info .card-info-title .title-icon { margin-left: 6px; }
/*下载弹窗*/
.yuei { width: 404px; margin: 0 auto; padding-top: 90px; overflow: hidden; }
.xzsm { display: inline-block; width: 200px; height: 60px; min-height: 0px; line-height: 60px; text-align: center; background-color: #fff; border: 1px solid #5bc0de; font-size: 18px; }
.xzsm .en { font-size: 20px; font-weight: bold; }
.xza { background-color: #5bc0de; }
.yuei a { text-decoration: none; color: #fff; font-size: 20px; }
.comment-works .commentcon li { border-bottom: 1px solid #f1f1f1; }
.isEffectComment { overflow: hidden; }
.comment-works .commentcon .comment-list-box { padding: 30px 0 20px 68px; position: relative; }
.avatar-container-48.absolute { position: absolute; left: 0; top: 0; width: 48px; }
.comment-works .commentcon .comment-list-box .userimg { width: 48px; height: 48px; position: absolute; left: 0; top: 35px; display: inline-block; vertical-align: middle; zoom: 1; }
.comment-works .commentcon .comment-list-box .userimg img { border-radius: 50%; width: 100%; height: 100%; }
.comment-works .commentcon .comment-list-box .timebox { line-height: 24px; }
.comment-works .commentcon .comment-list-box span, .comment-works .commentcon .comment-list-box a { display: inline-block; vertical-align: middle; zoom: 1; }
.comment-works .commentcon .comment-list-box .usernick { margin-right: 20px; color: #444444; font-size: 14px; font-weight: 600; }
.comment-works .commentcon .comment-list-box .issuetimer { font-size: 12px; }
.comment-works .commentcon .comment-list-box .time { margin-right: 10px; color: #bbbbbb; float: left; }
.comment-works .commentcon .comment-list-box .zcoll-app { float: left; color: #d36f16; }
.comment-works .commentcon .comment-list-box .commoncon { margin-top: 8px; line-height: 24px; }
.comment-works .commentcon .comment-list-box .commontxt { color: #666666; font-size: 14px; float: left; word-break: break-word; word-break: break-all; overflow: hidden; }
.comment-works .commentcon .comment-list-box .commoncon:after { clear: both; content: ""; display: table; }
.comment-works .commentcon .comment-list-box .commenticons { width: 100%; height: 21px; margin-top: -5px; }
.comment-works .commentcon .comment-list-box .commenticons { width: 100%; height: 21px; margin-top: -5px; }
.comment-works .commentcon .comment-list-box .ricons { height: 35px; float: right; }
.comment-works .commentcon .comment-list-box .ricons .comment-report { line-height: 13px; padding: 10px 10px 10px 22px; background-position: left 10px; visibility: hidden; }
.comment-works .commentcon .comment-list-box .ricons .comment-news { width: 17px; padding: 10px; margin-left: 20px; background-image: url(../images/svg/pinglunqian.svg?v=1); background-position: 10px 11px; }
.comment-works .commentcon .comment-list-box .ricons .comment-zan { padding: 10px 0 10px 32px; margin-left: 15px; font-size: 12px; color: #999999; background-image: url(../images/svg/pinglundianzanqian.svg?v=1); background-position: 10px 9px; }
.comment-works .commentcon .comment-list-box .ricons .comment-zan span { float: right; }
.comment-works .commentcon .comment-list-box .ricons:after { clear: both; content: ""; display: table; }
.comment-works .commentcon .comment-list-box span, .comment-works .commentcon .comment-list-box a { display: inline-block; vertical-align: middle; zoom: 1; }
.comment-works .commentcon .comment-list-box .ricons .comment-zan, .comment-works .commentcon .comment-list-box .ricons .comment-news, .comment-works .commentcon .comment-list-box .ricons .comment-report, .comment-works .commentcon .comment-list-box .ricons .gbook-delete { height: 16px; line-height: 15px; background-repeat: no-repeat; }
.comment-works .commentcon .comment-list-box .ricons .comment-zan { padding: 10px 0 10px 32px; margin-left: 15px; font-size: 12px; color: #999999; background-image: url(../images/svg/pinglundianzanqian.svg?v=1); background-position: 10px 9px; }
.more-comment { line-height: 14px; padding: 30px; border-top: 1px solid #eeeeee; text-align: center; background: #ffffff; }
.more-comment .view-more-text { color: #d36f16; font-size: 14px; }
.more-comment .write-comments { float: right; color: #999999; padding-left: 20px; background: url(../images/svg/xiepinglun.svg) no-repeat left center; }
.text-style, .textarea-style { height: 42px; color: #666; font-size: 14px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #f4f4f4; }
.textarea-style2 { color: #666; font-size: 14px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #f4f4f4; }
.btn-default-main { color: #fff; background: #0057ff; border:0; border-radius: 4px; cursor: pointer; text-align: center; }
.btn-current-middle { min-width: 118px; height: 36px; line-height: 36px; font-size: 14px; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.add-gbook, .add-comment-btn, .reply-comment-btn { float: right; margin: 0; }
.article-comments .btn-current-middle { min-width: 100px; }
.expression-box { height: 38px; line-height: 18px; margin-top: 15px; font-size: 12px; color: #666; position: relative; }
#menu_burger { display:none; }
/*+------------------------------
 + Article[Index] 20190615
 +-------------------------------*/
.uz-article:after { display: block; content: ""; clear: both; }
.uz-article { padding: 40px 0 20px; min-width: 1180px; }
.uz-article .article-left { width: 858px; float: left; }
.uz-article .h5-tit { font-size:16px; color:#333; font-weight:bold; }
.uz-article .h5-tit a { font-size: 14px; color: #666; font-weight: normal; }
.uz-article .h5-tit a:hover { color: #0057ff; }
.uz-article .h5-tit .news-a { padding-left: 25px; }
.uz-article.works-lists .works-lists-con ul li { display: flex; align-items:center; position: relative; width: 100%; height: 180px; padding: 20px 0 26px; margin: 0; border-bottom: 1px solid #eee; }
.uz-article.works-lists .works-lists-con ul li .bor-img { width: 240px; height: 180px; border-radius: 5px; float: left; }
.uz-article.works-lists .works-lists-con ul li img { width: 100%; height: 100%; }
.uz-article.works-lists .works-lists-con ul li .txt-right { float: left; width: 598px; margin-left: 20px; }
.uz-article.works-lists .works-lists-con ul li .title { width: 100%; padding: 0; }
.uz-article.works-lists .works-lists-con ul li .title h6 { font-weight: bold; color:#333; padding-bottom: 8px; }
.uz-article.works-lists .works-lists-con ul li .title h6 a { font-size: 16px; }
.uz-article.works-lists .works-lists-con ul li .remark { max-height: 40px; line-height:20px; font-size:14px; color:#333; overflow: hidden; }
.uz-article.works-lists .works-lists-con ul li .zf-bottom { border-top: 0; }
.uz-article.works-lists .works-lists-con ul li .user-relevant { left: -21px; }
.uz-article.works-lists .works-lists-con ul li .user-relevant .bottom ul li { padding: 0; border: 0; }
.uz-article.works-lists .works-lists-con ul li .zf-bottom { padding:0; line-height: initial; }
.uz-article.works-lists .works-lists-con ul li .zf-bottom .user-sta { width: auto; line-height: 56px; }
.uz-article.works-lists .works-lists-con ul li .zf-bottom .title-bottom { float: left; margin: 21px 0 0 20px; }
.uz-article.works-lists .pagination { margin: 35px 0 15px 0; }
.uz-article.works-lists .works-lists-con ul li:hover { box-shadow: none; -webkit-box-shadow: none; }
/** 推荐课程 **/
.uz-article .article-right { width: 280px; float: right; }
.comm-tit { font-size: 16px; color: #333; font-weight: bold; }
.comm-tit a { color: #666; font-size: 14px; font-weight: normal; }
.recom-kecheng ul li { width: 100%; border-radius: 5px; background: #fff; overflow: hidden; }
.recom-kecheng ul li .bor-img { position: relative; display: block; width: 280px; height: 210px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.recom-kecheng ul li .bor-img img { max-width: 100%; }
.recom-kecheng ul li .bor-img .ico-type { position: absolute; top: 0; left: 0; display: block; width: 44px; height: 47px; background-position: -88px 0; z-index: 55; }
.recom-kecheng ul li .bor-con { border: 1px solid #eee; border-width: 0 1px 1px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.recom-kecheng ul li .remark { padding: 15px; border-bottom: 1px solid #eee; }
.recom-kecheng ul li .remark h5 { font-size: 16px; color: #333; padding-bottom: 3px; }
.recom-kecheng ul li .remark p { font-size: 12px; color:#999; }
.recom-kecheng ul li .remark p .type { color: #ff3b2c; }
.recom-kecheng ul li .user-intro:after { display:block; content:""; clear:both; }
.recom-kecheng ul li .user-intro { padding:0 15px; height:43px; line-height:43px; }
.recom-kecheng ul li .user-intro .user-left img { width:25px; height:25px; border-radius:65px; margin:9px 5px 0 0; overflow:hidden; }
.recom-kecheng ul li .user-intro .members { font-size:12px; color:#999; }
/** 热门教程 **/
.hot-article { border: 1px solid #eee; border-radius: 5px; }
.hot-article .comm-tit { height: 50px; line-height: 50px; padding: 0 15px; }
.hot-article ul li { padding: 15px; border-top: 1px solid #eee; }
.hot-article ul li a { display: flex; align-items:center; }
.hot-article ul li .bor-img { display: block; width: 90px; height: 67px; margin-right: 10px; }
.hot-article ul li .bor-img img { width: 90px; height: 67px; border-radius: 5px; }
.hot-article ul li h2 { font-size: 14px; color: #333; padding-bottom: 3px; }
.article-right .ads { width: 100%; height: 170px; overflow: hidden; }
.article-right .ads img { width: 100%; }
/*+------------------------------
 + Interview[Index]
 +-------------------------------*/
.uz-interview:after, .inter-con ul li .user-bot:after { display:block; content:""; clear:both; }
.uz-interview { padding:40px 0; }
.uz-interview .h5-tit { font-size:16px; color:#333; font-weight:bold; padding-bottom:20px; }
.uz-interview .h5-tit a { color: #666; font-size: 14px; font-weight:normal; }
.inter-con ul li { float:left; width:380px; margin-right:20px; background:#fff; border-radius:5px; overflow:hidden; }
.inter-con ul li img { max-width:100%; }
.inter-con ul li .remark { padding:20px 15px; }
.inter-con ul li .remark h5 { padding-bottom:8px; }
.inter-con ul li .remark h5 a { font-weight:bold; color:#333; }
.inter-con ul li .user-bot { padding: 15px; border-top: 1px solid #eee; }
.inter-con ul li .user-bot .left { line-height: 26px; }
.inter-con ul li .user-bot .left img { width: 26px; height: 26px; border-radius: 65px; margin-right: 5px; }
.inter-con ul li .add-follow { display:block; float:right; height: 26px; font-size:12px; color:#fff; background:#0057ff; border:0; cursor:pointer; padding: 0 10px; border-radius: 5px; }
.inter-con ul li .add-follow.is_follow1 { background:transparent; border:1px solid #0057ff; color: #0057ff; }
.inter-con ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); }
/*课程筛选*/
.screen-kc { padding: 25px 0; }
.screen-kc { position: relative; }
.screen-kc li:after { display: block; content: ""; clear: both; }
.screen-kc ul li { color: #888; margin-bottom:10px; }
.screen-kc ul li label { display:block; width:75px; float:left; line-height:30px; }
.screen-kc ul li .right-a { width:1100px; float:right; }
.screen-kc ul li .right-a a { display:block; float:left; padding:5px 18px; color:#888; border-radius:65px; margin:0 3px 5px 0; }
.screen-kc ul li .right-a a:hover, .screen-kc ul li .right-a a.on { background:#fe3a2c; color:#fff; }
.screen-kc .admission { position:absolute; bottom:35px; right:0; cursor:pointer; padding:7px 22px; background:#0057ff; color:#fff; border-radius:65px; }
/*新增筛选功能*/

.s-search-statics { border: 1px solid #eee; background: #fff; width:1180px; margin:0 auto; margin-top: 20px; margin-bottom:20px; padding:15px; }
.s-search-statics .trade { height: 48px; line-height: 48px; border-bottom: 1px solid #ccc; }
.s-search-statics .trade a.on, .s-search-statics .trade a:hover { background:#E23D46; color: #fff; text-decoration: none; border-radius: 6px; }
.trade a { padding: 0 20px; display: inline-block; font-size: 16px; height:40px; line-height:40px; margin-right: 20px; }
.s-search-statics .classify { line-height: 28px; background: #FDFDFD; padding: 5px 15px; display: none; }
.catelog { line-height: 28px; background: #FDFDFD; padding: 5px 15px; border-top: 1px dotted #b9b2b2; margin-top: 10px; }
.catelog a { border: 1px solid #fff; font-size: 14px; transition: all .1s;
border-radius: 3px; white-space: nowrap; margin: 4px 26px 4px 0; padding: 0 6px; display:inline-block; }
.catelog a:hover, .catelog a.on { border: 1px solid #E23D46; text-decoration: none; color: #E23D46; background: #fff; }
.s-search-statics .classify a { float: left; display: inline; border: 1px solid #fff; font-size: 14px; transition: all .1s;
border-radius: 3px; white-space: nowrap; margin: 4px 26px 4px 0; padding: 0 6px; }
.s-search-statics .classify a.on, .s-search-statics .classify a:hover { border: 1px solid #E23D46; text-decoration: none; color:#E23D46; background: #fff; padding: 0 6px; }
.saixuan { position:relative; border:1px solid #d6d6d6; height:42px; width:511px; margin:0 auto; margin-bottom:20px; font-size:14px; }
.saixuan li { width:128px; float:left; border-left:1px solid #d6d6d6; position:relative; margin-left:-1px; }
.saixuan a { display:inline-block; width:128px; height:40px; line-height:40px; text-align:center; }
.saixuan a.on { background:#D9D9D9; }
.saixuan a:hover { background:#eee; }
/*新增筛选*/
.category { width: 100%; padding-left: 20px; border: 1px solid #E2E1E1; margin: 0 auto; margin-bottom:20px; font-size:14px; background: #fff; }
.category dl { border-bottom: 1px dotted #ccc; padding-top: 7px; margin-top: 2px; width: 100%; line-height: 28px; }
.category dl dt { display: inline-block; width: 100px; text-align: right; padding-right: 15px; font-weight: bold; overflow: hidden; }
.category dl dd a { margin-left: 10px; display: inline; float: left; padding: 0 4px 0 5px; height: 28px; overflow: hidden; color: #666; }
.category dl dd { display:inline-block; }
.category dl dd a.selected { background: #E23D46; color: #fff; border-radius: 3px; }
/*新增素材内容页*/
.sucaibox { width: 1180px; margin: 0 auto; clear: both; margin-top: 20px; }
.work-details-left { width: 900px; max-width: 900px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.details-right-wrap { width: 260px; float: right; margin-left: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.work-details-left .container { width: 900px; min-width: 900px; }
.fav-ajax a { color: #C38A23; */
}
/*下载页右侧*/
.nsc_by { color:#666; line-height:50px; font-size:20px; }
.nsc_jf { font-size: 12px; float: right; line-height: 70px; }
.nsc_pri { width: 140px; height: 45px; line-height: 45px; text-align: center; font-size:40px; border-radius: 4px; margin-right: 10px; }
.icon-jifen { font-size: 20px; font-style: normal; }
.detail-user { background-color:#fff; min-height:340px; margin-bottom:10px }
.detail-user .user-info { padding: 15px 20px 10px; font-size: 14px; height: 50px; line-height: 50px; }
.detail-user .user-info div:first-child { margin-right:10px }
.detail-user .user-info img { border-radius:50% }
.detail-user .user-info span.alert-color { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:130px; display:inline-block; vertical-align:bottom }
.detail-user .user-info .qt-btn { display:inline-block; width:60px; height:30px; line-height:30px; margin-top:10px }
.detail-user .user-info .tag-add { display:inline-block; width:14px; height:14px; background:url(/images/new/detail.png) no-repeat; margin-right:4px; vertical-align:-1px }
.detail-fixed { background-color: #fff; margin: 0 19px; border-top: 1px solid #f0f0f0; position: absolute; }
.detail-fixed .fixed-title span { display: inline-block; margin:20px 0px; vertical-align: middle; font-size: 16px; color: #666; font-weight: 700; }
.btn-dum { background-image: -webkit-gradient(linear, left top, right top, from(#e69e18), to(#c78910)); background-image: -webkit-linear-gradient(left,, #e69e18, #c78910); background-image: linear-gradient(to right, #0057ff, #0057ff); FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#e69e18, endColorStr=#c78910);
}
.detail-fixed .btn-dum { width: 224px; color: #fff; height: 45px; line-height: 45px; border: 0; text-align: center; border-radius:4px; display: inline-block; cursor:pointer; margin-top:30px; }
.btn-fav { background-color: #fff7ee; border: 1px solid #dcb364; width: 70px; height: 43px; line-height:43px; border-radius:4px; text-align: center; color:#C38A23; }
.detail-fixed .btn-fav .icon-fav { display: inline-block; width: 22px; height: 20px; background: url(../images/detail.png) no-repeat; background-position-x: -103px; vertical-align: sub; background-position-y: -139px; margin-right:2px; }
.detail-fixed .btn-dum .icon-down, .fa-download { display: inline-block; width: 28px; height: 24px; background: url(../images/detail.png) -11px -172px no-repeat; vertical-align: sub; margin-right: 4px; }
.qt-btn { display: inline-block; vertical-align: middle; cursor:pointer; }
.icon-fav2 { display: inline-block; width: 28px; height: 24px; background: url(../images/fav2.png) center no-repeat; vertical-align: sub; }
.qt-btn:hover {
 -webkit-transition: all .2s;
 transition: all .2s; opacity: .9; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15); }
.btn2 { margin-bottom:20px; }
.detail-info { background-color: #fff; padding: 20px; margin-top: 30px; }
.detail-info .img-des { border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; }
.detail-info .img-des p { height: 25px; font-size: 14px; color: #666; margin-bottom: 10px; position: relative; }
.detail-info .img-des .fl { width: 110px; }
.detail-info .img-des .icon-que { display: inline-block; width: 18px; height: 18px; background: url(../images/detail.png) no-repeat; vertical-align: text-bottom; cursor: pointer; background-position: -76px -140px; }
.detail-info .img-des .que-alert { display: none; padding: 8px 10px; top: -6px; left:100px; position: absolute; background-color: #fff; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15); border: 1px solid; width: 230px; line-height: 18px; font-size: 12px; color: #666; z-index: 1; border-color: #10c55b; font-style:normal; }
.detail-info .img-des .que-alert:hover { display: block; }
.detail-info .img-des .que-alert:before { top: 8px; left: -13px; content: " "; position: absolute; border: 6px solid; z-index: 2; }
.detail-info .img-des .que-alert:before { border-color: transparent #10c55b transparent transparent; }
.detail-info .img-des .que-alert:after { top: 8px; left: -12px; content: " "; position: absolute; border: 6px solid; z-index: 3; border-color: transparent #fff transparent transparent; }
.right-fixed-wrap { margin-top: 30px; }
.infomation-work { background: #ffffff; margin-top: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.rightbar-titlebox { padding: 0 20px; line-height: 56px; position: relative; }
.rightbar-title { height: 56px; line-height: 56px; color: #444444; font-size: 16px; font-weight: normal; }
.rightbar-titlebox:hover .select-shixin-arrow { background: url(../images/svg/shixinjiantouhover.svg) no-repeat; }
.rightbar-titlebox .rightnew-arrows { position: absolute; top: 50%; margin-top: -3px; right: 20px; cursor: pointer; }
.select-shixin-arrow { background: url(../images/svg/shixinjiantou.svg) no-repeat; }
.select-shixin-arrow, .select-shixin-arrow-up { display: inline-block; width: 11px; height: 6px; margin-left: 10px; }
.rightbar-titlebox:after { clear: both; content: ""; display: table; }
.infomation-work .info-list { border-top: 1px solid #eeeeee; }
.infomation-work .info-list li { padding: 20px 0; margin: 0 20px; border-top: 1px solid #eeeeee; }
.infomation-work .info-list li:first-of-type { border-top: 0; }
.infomation-work .info-list li .info-list-decra { margin-top: 7px; font-size: 12px; }
.infomation-work .info-list li .work-taglist { margin-bottom: -10px; }
.worktag-con { max-width: 60px; height: 24px; font-size: 12px; color: #999; line-height: 24px; padding: 0 14px; margin: 0 5px 10px 0; background: #eee; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: inline-block; vertical-align: middle; zoom: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.author-card:after { clear: both; content: ""; display: table; }
.work-details-left #gallery img { max-width: 98%; }
.work-details-left .works-show { background: #fff; padding: 20px; border-top: 1px solid #eee; }
.addresslist table { width: 100%; border: 1px solid #d4d4d4; border-width: 1px 1px 0 1px; color: #666; word-break: break-all; word-wrap: break-word; table-layout: fixed; line-height: 18px; text-align: center; }
.addresslist table th { background: url(bg-x.png) repeat-x 0 -250px; padding: 6px 15px; text-align: center; border-bottom: 1px solid #d4d4d4; }
.addresslist table td { padding: 12px 15px; border-bottom: 1px solid #d4d4d4; }
.addresslist .left { text-align: left; }
.works-lists .works-lists-con ul li .title-bottom span.dfen, .guess-love .works-lists-con ul li .title-bottom span.dfen, .tabs-user .u-sucai-tabs ul li .title-bottom span.dfen { float: right; display: inline-block; color: #FF0000; }
.works-lists .works-lists-con ul li .title-bottom span.green, .guess-love .works-lists-con ul li .title-bottom span.green, .tabs-user .u-sucai-tabs ul li .title-bottom span.green { float: right; display: inline-block; color: #008000; }
.jianjie { width: 1140px; border-radius: 5px; padding: 20px; margin: 0 auto; margin-top: 20px; }
/**
 * Swiper 4.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 14, 2018
 */
.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 }
.swiper-container-no-flexbox .swiper-slide { float:left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform }
.swiper-slide-invisible-blank { visibility:hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:transform, height; transition-property:transform, height; transition-property:transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective:1200px; perspective:1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left:10px; right:auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right:10px; left:auto }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }
.swiper-button-lock { display:none }
.swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity;
-o-transition:.3s opacity;
transition:.3s opacity;
-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 }
.swiper-pagination.swiper-pagination-hidden { opacity:0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px; left:0; width:100% }
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33); position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullet { width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2 }
button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer }
.swiper-pagination-bullet-active { opacity:1; background:#007aff }
.swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:8px }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s top, .2s -webkit-transform;
transition:.2s top, .2s -webkit-transform;
-o-transition:.2s transform, .2s top;
transition:.2s transform, .2s top;
transition:.2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s left, .2s -webkit-transform;
transition:.2s left, .2s -webkit-transform;
-o-transition:.2s transform, .2s left;
transition:.2s transform, .2s left;
transition:.2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s right, .2s -webkit-transform;
transition:.2s right, .2s -webkit-transform;
-o-transition:.2s transform, .2s right;
transition:.2s transform, .2s right;
transition:.2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar { background:rgba(0, 0, 0, .25); position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top }
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:4px; left:0; top:0 }
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background:#fff }
.swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255, 255, 255, .25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background:#000 }
.swiper-pagination-progressbar.swiper-pagination-black { background:rgba(0, 0, 0, .25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background:#000 }
.swiper-pagination-lock { display:none }
.swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, .1) }
.swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% }
.swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% }
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, .5); border-radius:10px; left:0; top:0 }
.swiper-scrollbar-cursor-drag { cursor:move }
.swiper-scrollbar-lock { display:none }
.swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain }
.swiper-slide-zoomed { cursor:move }
.swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display:block; content:''; width:100%; height:100%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position:50%; background-size:100%; background-repeat:no-repeat }
.swiper-lazy-preloader-white:after { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }
@-webkit-keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out }
.swiper-container-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube { overflow:visible }
.swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events:auto; visibility:visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 }
.swiper-container-flip { overflow:visible }
.swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective:1200px }
.long img { max-width:700px; max-height:500px; box-shadow: 0px 0px 10px #d0d0d0; }
.swiper-button-next { width: 46px; height: 46px; overflow: hidden; display: block; cursor: pointer; opacity: 1;  -webkit-transition: all .3s ease;
-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 9; background-color: rgba(0, 0, 0, .4); background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-image: none; background: rgba(0, 0, 0, .4) url(/img/ic5.png) center no-repeat; -webkit-background-size: 16px 28px; background-size: 16px 28px; }
.inform-bigpic-col .swiper-button-prev { width: 46px; height: 46px; overflow: hidden; display: block; cursor: pointer; opacity: 1;  -webkit-transition: all .3s ease;
-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 9; background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-image: none; background: rgba(0, 0, 0, .4) url(/img/ic4.png) center no-repeat; -webkit-background-size: 16px 28px; background-size: 16px 28px; }
.gallery-top { margin-bottom: 20px; position: relative; }
.gallery-thumbs { margin-bottom: 20px; }
.gallery-thumbs img { height: 140px; width: 210px; }
.input_file { position: relative; display: inline-block; background: #009688; border-radius: 2px; padding: 9px 18px; overflow: hidden; color: #fff; text-decoration: none; text-indent: 0; line-height: 20px; }
.input_file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; cursor:pointer; }
.input_file:hover { background: #4A4A4A; text-decoration: none; }
/* youcepiaofu */
.side1 { position:fixed; width:54px; height:109px; right:0; bottom:280px; z-index:100; }
.side1 ul li { width:54px; height:54px; float:left; position:relative; border-bottom:1px solid #444; }
.side1 ul li .sidebox { position:absolute; width:54px; height:54px; top:0; right:0; transition:all 0.3s; background:#000; opacity:0.8; filter:Alpha(opacity=80); color:#fff; font:14px/54px "微软雅黑"; overflow:hidden; }
.side1 ul li .sidetop { width:54px; height:54px; line-height:54px; display:inline-block; background:#000; opacity:0.8; filter:Alpha(opacity=80); transition:all 0.3s; }
.side1 ul li .sidetop:hover { background:#ae1c1c; opacity:1; filter:Alpha(opacity=100); }
.side1 ul li img { float:left; }
/* youcepiaofu */

/*新增头部*/
.w1200 { width: 1200px; margin: 0 auto; }
.top-bar { height: 35px; background-color:#f0f0f0; line-height: 35px; }
.top-bar .wt-slogen { color: #8b8b8b; line-height:35px; }
.top-bar a { color:#8b8b8b; margin-left:30px; }
.top-bar a i { margin-right: 5px; color: #8b8b8b }
.top-bar a:hover i, .top-bar a:hover { color: #191919 }
.wt-haeder { height:110px; width: 100%; background-color: #fff; }
.wt-haeder .wt-logo { position: relative; width: 173px; height:63px; margin-top:30px; margin-right:80px; }
.wt-haeder .wt-logo a { display:block; width: 173px; color:#191919; position: relative; z-index: 5; }
.wt-haeder .wt-logo img { width: 100%; height: 100%; }
.wt-haeder .wt-logo .tip p { text-align:center; color:#FF7200 }
.wt-haeder .wt-logo:hover .tip { display:block }
.wt-top-search { width:645px; margin-top:32px; position: relative; }
.wt-top-search .wt-search-div { height:44px; }
.wt-top-search .searchInput { display: block; width:414px; height: 40px; padding: 0 10px 0 20px; border:#0057ff 2px solid; color: #333; border-top-left-radius:44px; border-bottom-left-radius: 44px; font-size:14px; line-height:40px; padding-left: 132px; }
.wt-top-search .search-link { width:80px; text-align: center; background-color:#0057ff; line-height: 44px; height:44px; cursor: pointer; border-top-right-radius: 44px; border-bottom-right-radius:44px; }
.wt-top-search .search-link i { color: #fff; margin-right: 5px; vertical-align: -1px; }
.wt-top-search .search-link span { color: #fff; }
.wt-top-search .search-link:hover { opacity: 0.9; }
.vip-recommend-word a { color: #fff; font-size: 16px; display: inline-block; margin: 0 5px; }
.recommend { width:615px; margin: 10px auto; height: 20px; overflow: hidden; }
.recommend a { color: #999; display: inline-block; margin-right:15px; font-size: 12px }
.recommend a:hover { color: #191919 }
.wt-top-search .form-search { background:none; top:auto; }
.wt-search-div .stype { position: absolute; left: 0; background: #0057ff; line-height: 24px; height: 24px; top: 10px; padding: 0 10px; border-radius: 4px; }
.wt-top-search .form-search .stype ul { top:24px; }
.redPacket { display: block; width: 62px; height: 59px; margin: 28px 0 0 8px; background: url(redPacket-icon.png) no-repeat; animation: myfirst 1.5sease-in-out infinite; -webkit-animation: myfirst 1.5s ease-in-out infinite; -moz-animation: myfirst 1.5s ease-in-out infinite; -o-animation: myfirst 1.5s ease-in-out infinite; }
.wt-various-user a { display: block; width:60px; height: 40px; margin:35px 8px 0; text-align:center }
.wt-various-user a i { margin: 5px auto 7px; color: #999; font-size: 20px; display: inline-block; }
.wt-various-user a span { text-align: center; font-size: 12px; color: #666; display: block; }
.wt-various-user a span em { background-color: #ff7200; color: #fff; font-style: normal; padding: 0 2px; font-size:12px; border-radius:4px; margin-left: 4px; display: inline-block; height:12px; line-height:12px; vertical-align:0 }
.wt-various-user a:hover span, .wt-various-user a:hover i { color: #191919; }
/****** 未登录样 ****/
.no-login { width:60px; text-align: center; margin-top: 40px; margin-left: 15px }
.no-login .icon-login { font-size:19px; padding-top: 2px; margin-bottom:5px; color: #191919; display: inline-block; }
.no-login span { color: #191919; font-size: 12px; display: inline-block; width:60px; text-align: center; }
/*导航*/
.wt-nav { background-color:#393838; height:40px; position: relative; z-index:3; }
.icon-decorate { width: 191px; height: 11px; position: absolute; top: -11px; left: 0; }
.hot-classify a { color:#fff; line-height:40px; height:40px; display: inline-block; padding: 0 25px; }
.hot-classify a:hover { background-color: #0057ff; color:#fff !important; }
.all-classify { position:relative; }
.all-classify .classify-title { color: #fff; line-height:35px; display: inline-block; height:40px; width:180px; text-align: center; }
.all-classify .classify-title .icon-classify { width:15px; height:15px; color: #fff; font-size: 16px; margin-right:10px }
.all-classify .on { background-color: #2d2d2d }
.all-classify .drop-first-classify { position: absolute; top:20px; left: 0; background-color:#222; height:450px; padding-top: 5px; border-radius:0px 0px 0px 2px; display: none }
.all-classify .drop-first-classify .classify-title-first { display:block; height:40px; color: #fff; line-height:40px; width: 180px; font-size:13px }
.all-classify .drop-first-classify .classify-title-first i { margin-left:16px; width:16px; color: #fff; font-size:14px; margin-right:10px; }
.all-classify .drop-first-classify .classify-title-first i.icon-stw { font-size: 15px }
.all-classify .first-classify .current { background-color: #fff; color: #191919; }
.all-classify .first-classify:hover .classify-title-first i { color: #191919 }
.left-classify { width:720px; margin-left: 15px }
.drop-secord-classify { position: absolute; top:0; left:180px; width: 1028px; height:510px; border-radius:0px 1px 1px 0px; background-color: #fff; padding-top:20px; display: none; overflow: hidden; }
.drop-secord-classify .moudle-box { width: 290px; margin: 0 40px 30px 30px; }
.drop-secord-classify .moudle-box p { width: 290px; border-bottom: #e1e1e1 1px solid; height:41px; line-height:40px; margin-bottom:5px; }
.drop-secord-classify .moudle-box p a { color: #333; display: inline-block; }
.drop-secord-classify .moudle-box p a.new { color:#FFB141 }
.drop-secord-classify .moudle-box a.new i.newLabel { display: inline-block; width: 28px; margin-left: 3px; height: 15px; background:url(icon-new.png); vertical-align: -3px; }
.drop-secord-classify .moudle-box .third-classify { position: relative; height:90px; overflow: hidden; width: 330px; }
.drop-secord-classify .moudle-box .third-classify a { display: inline-block; margin-right:30px; line-height: 24px; color:#666; font-size: 12px; margin-bottom:2px; width:75px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.drop-secord-classify .moudle-box .third-classify a:hover, .drop-secord-classify .moudle-box p a:hover { color: #191919; }
.drop-secord-classify .moudle-box .third-classify a.current-style { color: #ffb310; }
.all-classify .first-classify:hover .drop-secord-classify { display: block; }
.all-classify:hover .drop-first-classify { display: block; }
.all-classify .first-classify:hover .classify-title-first { background-color: #fff; color: #191919 }
.drop-secord-classify .moudle-box .third-classify a.newUpdata { color: #191919 }
.drop-secord-classify .moudle-box .third-classify a.newUpdata .iconNewUpload { width: 23px; height: 10px; background: url(icon-new.png) 0 -16px; vertical-align:6px; position: absolute; margin-left: 2px; }
/********* 右侧图片推荐区域 ********/
.drop-secord-classify .right-tuijian { height:490px; background-color: #fafafa; width:225px; margin-top:-20px; padding:45px 38px 25px 20px }
.drop-secord-classify .img-box { width: 225px; height: 165px; float: left; margin:20px 0px 45px 10px; }
.drop-secord-classify .img-box img, .drop-secord-classify .img-box a { width: 225px; height: 165px; display: block; }
.drop-secord-classify .w517 { width:495px; padding-top:45px; padding-right:30px; }
.drop-secord-classify .w350 { width:350px; }
.detail-info .img-des span{font-size: 14px; color:#0057ff;}
.drop-secord-classify .w517 .img-box { margin:20px 10px 45px 15px }
.drop-secord-classify .w517 .img-box:nth-child(2n) {margin-right: 0;}
.wt-nav .w1200 { position:  relative; }
.rightPositin { background-color: #393838; position: absolute; top: 0; left: 50%; margin-left: 403px; right: 0 }
.nav-bg { height: 40px; width: 37px; position: absolute; top: 0; left:-23px; }
.link-ppt { margin-right:15px; position: relative; }
.rightPositin a { color: #fff; line-height:40px; display: inline-block; height:40px; padding: 0 8px; position: relative; z-index: 1 }
.link-vip a:hover, .link-ppt a:hover { background-color: #0057ff; color:#fff; }
.rightPositin a i { margin-right:6px; color: #fff; font-size: 16px; }
.informBox { position:relative; }
.informNum { background-color: #FC625A; display: inline-block; width: 28px; height:28px; border-radius: 28px; color: #fff; text-align: center; line-height: 28px; font-size:20px; transform: scale(0.5); }
.NewsBox { width:300px; background:#fff; box-shadow:0px 0px 3px 0px rgba(136, 136, 136, 0.5); border-radius:2px; position: absolute; top: 36px; left: 50%; margin-left: -150px; ; z-index:6; display:none; }
.informTop { height: 48px; line-height: 48px; padding:0 15px; }
.informTop .informTitle { color: #333; font-size: 16px; }
.informTop .informSign { color: #999; font-size: 12px; }
.informTop .informSign:hover { color:#191919 }
.informList { border-top: #F0F0F0 1px solid; }
.informList a { display:  block; padding: 12px 20px; margin-left: 0 }
.informList i { display: inline-block; width:5px; height:5px; background:#FC625A; border-radius: 5px; margin-top: 8px; margin-right: 10px; cursor:pointer; }
.informList i.current { background-color: transparent }
.informList div { line-height: 20px; color: #666; line-height: 20px; width: 245px; }
.informList:hover { background-color: #191919; border-top-color:#191919 }
.informList:hover div { color:#fff; }
.informBox .lookAll { display: block; width: 100%; height:40px; line-height: 40px; background-color: #F0F0F0; color: #333; margin-left: 0; text-align:center; }
.informBox:hover .NewsBox { display: block }
.login-state-new .dotIcon { width: 7px; height: 7px; border-radius: 7px; background-color: #f63; position: absolute; top: 0px; right: 4px; }
.informBox .noNewsn { width: 100%; height: 100px; line-height: 100px; color: #999; text-align: center; font-size: 16px; background-color: #f8f8f8; display: none; }
.login-state-new { margin-top:42px; position:relative; margin-left: 20px; height: 60px }
.login-state-new .user-photo { width: 40px; height: 40px; border-radius:40px; overflow: hidden; border: #dbdbdb 1px solid }
.login-state-v1 { box-sizing: border-box; padding-top: 5px; margin-top:34px; position:relative; margin-left: 20px; width: 40px; height: 55px; background: url(photo-bg.png); }
.login-state-v1 .point-grade { text-align: center; transform: scale(0.6); line-height: 12px; color: #fff; }
.login-state-v1 .user-photo { width: 36px; height: 36px; margin: auto; border-radius:50%; overflow: hidden; }
.login-state-v1 .user-photo img { width: 100%; height: 100%; }
.user-drop-state li .new { text-indent:0; background:#ff6633; line-height:18px; padding:0 4px; color:#fff; font-size:12px; border-radius:4px; margin-left:4px }
.user-drop-state { width:160px; position: absolute; left: -120px; top:60px; z-index: 5; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding:10px 0 0; border-radius: 2px; display:none; }
.user-drop-state li { color: #666; height: 46px; }
.user-drop-state li a { display:block; text-indent:20px; height: 46px; line-height:46px; position: relative; }
.user-drop-state .user-name { height: 30px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:20px; }
.user-drop-state .user-name { display: inline-block; color: #333; width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.user-drop-state .user-name:hover { color:#191919; }
.user-drop-state .user-id { color:#999; font-size: 12px; height: 24px; line-height:24px; text-indent:20px; margin-bottom: 5px }
.user-drop-state li:hover a { color: #fff; background-color: #191919; }
.user-drop-state .top-arrow { position: absolute; top:-10px; right: 10px; background: url(wt-public-icon.png) -92px -12px; display: inline-block; height: 10px; width: 16px; }
.user-drop-state li a em { display:inline-block; width:6px; height:6px; position:absolute; top:17px; left:78px; background-color:#ff4435; border-radius:6px }
.user-drop-state .login-out { border-top:#eee 1px solid }
.user-drop-state li.grade { height: 46px; line-height: 46px; color: #333 }
.user-drop-state .gradeIcon { text-indent: 0; width: 18px; height: 13px; margin: 0 auto; background: url(gradeImg.png); vertical-align: -1px }
.user-drop-state .gradeIcon-1 { background-position: -5px -5px; }
.user-drop-state .gradeIcon-2 { background-position: -28px -5px; }
.user-drop-state .gradeIcon-3 { background-position: -51px -5px; }
.user-drop-state .gradeIcon-4 { background-position: -74px -5px; }
.user-drop-state .gradeIcon-5 { background-position: -97px -5px; }
.user-drop-state .grade:hover .gradeIcon-1 { background-position: -5px -23px; }
.user-drop-state .grade:hover .gradeIcon-2 { background-position: -28px -23px; }
.user-drop-state .grade:hover .gradeIcon-3 { background-position: -51px -23px; }
.user-drop-state .grade:hover .gradeIcon-4 { background-position: -74px -23px; }
.user-drop-state .grade:hover .gradeIcon-5 { background-position: -97px -23px; }
.login-state-new:hover .user-drop-state {
    display: block;
}

.detail-fixed .yybtn.fl {
    margin-top: 10px;
    clear: both;
    background: #313131;
}

/*设计师筛选*/
.search-classify {
    background-color: #fff;
    position: relative;
    z-index: 2;
}
.sub-classify, .sub-classify-style {
    position: relative;
    background-color: #fff;
}
.sub-classify .class-title, .sub-classify-style .class-title {
    width: 100px;
    display: inline-block;
    height: 58px;
    line-height: 58px;
    color: #999;
    background-color: #fff;
    margin-left: 28px;
}
.sub-classify .right-title, .sub-classify-style .right-title {
    width: 1030px;
    background-color: #fff;
    padding: 10px 0;
}
.sub-classify a, .sub-classify-style a {
    color: #666;
    height: 38px;
    margin-right: 35px;
    line-height: 38px;
    display: inline-block;
    display: block\9;
    white-space: nowrap\9;
}
.sub-classify a.on{color: #0057ff;}
.follow-left {
    margin-bottom: 20px;
}
.follow-left p.qt-btn.btn-dum.yybtn.fr {
    width: 150px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    background: #191919;
    margin-top: 45px;
    margin-right: 30px;
}
.design-lists-con .follow-left .follow-top-a h5 span{background: #191919;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    line-height: 20px;
    border-radius: 6px; width:auto;}
.design-lists-con .follow-left .follow-top-a p span{color: #191919;
    font-size: 12px;
    margin: 0 5px;}
.design-lists-con .follow-left .follow-top-a p{ width:800px; overflow:hidden;font-size: 12px;}
.design-lists-con .follow-right {
    width: 100%;
}
.design-lists-con .follow-right ul li{ width:210px;    height: 136px;}

.rusultBox {
    height: 58px;
    line-height: 58px;
    color: #999;
    margin: 0 10px 0 30px;
}

.dashed-line {
    border-bottom: #ebebeb 1px dashed;
    margin: 0 15px;
    width: 1170px;
}
.search-rusult .seek {
    display: inline-block;
    position: relative;
    margin-left: 18px;
    line-height: 30px;
    margin-right: 30px;
    margin-top: 5px;
}
.search-rusult .seek input {
    height: 28px;
    width: 180px;
    border-radius: 28px;
    border: 2px solid #ddd;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 40px;
    margin-top: 14px;
    font-size: 12px;
    color: #666;
}
.search-rusult .seek i {
    display: block;
    width: 15px;
    height: 15px;
    background: url(seek.png);
    position: absolute;
    top: 20px;
    right: 10px;
    cursor: pointer;
    background-size: cover;
}

.sub-classify ul li{ position:relative; float:left;}
.sub-classify ul li:hover .chide{ display:block;}
.chide {
    display: none;
    position: absolute;
    width: 300px;
    background: #fff;
    font-size: 12px;
    z-index: 999;
    border: 1px solid #ccc;
    padding: 5px;
    top: 36px;
    border-radius: 4px;
	left: -15px;
}
.chide:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 34px;
    top: -17px;
    border: 8px solid transparent;
    border-bottom: 8px solid #ccc;
}
.chide:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
    left: 34px;
    top: -16px;
}
.chide a {
    display: inline-block;
    width: 30%;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 40px;
    height: 40px;
}
.chide a:hover {
    color: #191919;
}

/*手机版*/
/*适配手机版*/
@media (max-width: 640px) {
 .container, .footer, .header .menu ul li.menu-more {
width:100%;
min-width:100%;
}
 .header, .uz-works-list-2 {
min-width:100%;
position: relative;
z-index:10;
display:block;
}
 .user-info, .uz-ads, .uz-works-title .news-works, .footer .share, .footer .links {
display:none;
}
 .header .logo {
 width: 145px;
 position: absolute;
 left: 50%;
 margin-left: -72px;
}
 .uz-banner {
width:94%;
margin:0 auto;
padding-bottom:20px;
}
 .uz-banner, .uz-banner .swiper-container {
height:auto;
}
 .uz-banner .swiper-container img, .guess-love .works-lists-con ul li img {
height:auto;
width:100%;
}
 .uz-banner .swiper-button-prev, .uz-banner .swiper-button-next, .ads {
display:none;
}
 .uz-works-title, .works-lists-con, .uz-works-list-2, .h5-tit, .uz-partner, .footer .container, .w-screen, .scree-rec .scree-l, .brand-index .brand-ul li {
width:94%;
margin:0 auto;
}
 .works-lists .works-lists-con ul li, .works-lists .works-lists-con ul li .bor-img, .uz-works-list-2 .works-lists .works-lists-con ul li {
width:100%;
}
 .works-lists .works-lists-con ul li img {
width:100%;
height:auto;
}
 .uz-works-list-2 {
padding:0;
}
 .uz-works-list-2 .h5-tit, .n-title {
height: 75px;
line-height: 75px;
padding-bottom:0;
}
 .uz-partner {
overflow:hidden;
}
 .uz-partner ul {
width:1000px;
overflow-x:scroll;
}
 .footer {
padding: 45px 0;
overflow: hidden;
}
 .footer .container {
margin:0 20px;
}
 .footer .footer-top {
padding-bottom: 20px;
}
 .zc.fr {
float:none!important;
}
 .copyright {
text-align:center;
}
 .header .menu {
left: 0;
top: 0;
width:auto;
}
 .news-comment .n-title {
background:#fff;
padding:0 3%;
margin-bottom:20px;
}
 #menu_burger {
 display: block;
 position: absolute;
 top: 28px;
 left: 20px;
 zoom: 0.8;
 width: 22px;
 overflow: hidden;
 height: 20px;
}
 .header .menu ul {
 position: absolute;
 top: 60px;
 background: #f9f9f9;
 width: 200px;
 display:none;
}
 .header .menu ul li {
border-bottom: 1px solid #efefef;
display: block;
}
 .header .menu ul li a {
width: 100%;
 color: #333;
 font-size: 18px;
 position: relative;
 height: 50px;
 line-height: 50px;
padding:0;
}
 .shown line:nth-child(1) {
 transform: translate3d(2px, -2px, 0px) rotateZ(45deg);
 -webkit-transform: translate3d(2px, -2px, 0px) rotateZ(45deg);
 -moz-transform: translate3d(2px, -2px, 0px) rotateZ(45deg);
}
 .shown line:nth-child(2) {
 transform: translate3d(-10px, 10px, 0px) rotateZ(-45deg);
 -moz-transform: translate3d(-10px, 10px, 0px) rotateZ(-45deg);
 -webkit-transform: translate3d(-10px, 10px, 0px) rotateZ(-45deg);
}
 .form-search, .txt-brand, .works-show-top .top-links, .top-user, .works-show-share .share, .works-show-share .coll-rep, .r-u-type, .works-show-share .new-zan {
display:none;
}
 .scree-rec .scree-l {
float:none!important
}
 .brand-index {
margin-top:20px;
}
 .brand-index .brand-ul li {
float:none!important;
margin-bottom:20px;
text-align: center;
}
 .works-show-content img {
height:auto!important;
}
 .scroll-show-user.fix-show {
padding-left: 20px;
}
 .works-show-share-top {
padding: 55px 20px 85px;
}
 .works-show-share-bottom {
margin-top:20px;
}
 .works-show-share .url-file {
right:0;
left:auto;
}
 .user-left, .user-right {
width:100%;
float:none!important;
margin-bottom: 20px;
}
 .comment-works-top .comment, .guess-love .works-lists-con ul li, .guess-love .works-lists-con ul li .bor-img {
width:100%;
}
 .footer h3 {
text-align: center;
}
 .user-info ul li, .go-feedb {
display:none;
}
 .user-info ul li.login-regsi-y {
display:inline;
right: 10px;
}
 .show-invitation {
display:none;
}
 .uz-article {
width: 100%;
min-width: 100%;
padding: 0;
padding-top: 20px;
}
 .uz-article .container {
width: 94%;
margin: 0 auto;
}
 .uz-article .article-left {
width:100%;
float: none;
}
 .uz-article.works-lists .works-lists-con ul li .bor-img {
width:40%;
display: inline-block;
}
 .uz-article.works-lists .works-lists-con ul li .txt-right {
float: left;
width: 60%;
}
 .uz-article.works-lists .works-lists-con ul li img {
height:auto;
}
 .uz-article .article-right {
width: 94%;
margin: 0 auto;
float: none;
margin-top: 20px;
}
 .recom-kecheng ul li .bor-img {
width:100%;
height:auto;
}
 .sucaibox {
width: 94%;
margin: 0 auto;
overflow: hidden;
margin-top: 10px;
}
 .work-details-left {
width: 100%;
max-width: 100%;
float: none;
}
 .work-details-left .container {
width: 100%;
min-width: 100%;
}
 .work-details-left .works-show {
padding: 10px;
}
 .works-show img {
max-width: 100%;
}
 .details-right-wrap {
width: 100%;
float: none;
margin: 0;
}
 .detail-user .user-info {
display: block;
}
 .details-right-wrap .detail-fixed {
padding: 0 19px;
margin:0;
position: relative;
}
 .detail-fixed .btn-dum {
width:100%;
}
 .s-search-statics {
width:100%;
}
 .s-search-statics .trade {
height:auto;
}
	.top-bar,.wt-haeder,.wt-nav{ display:none;}
	.login-state-new{margin-top: 10px;margin-right: 10px;}
	.design-lists-con .follow-right{width: 100%;margin-top: 15px;}
	.design-lists-con .follow-right ul li{width: 15%;height: 50px;}
	.sub-classify .class-title, .sub-classify-style .class-title{ width:70px;line-height: 38px;     margin-left: 10px; height:38px;}
	.sub-classify .right-title, .sub-classify-style .right-title{ width:auto; padding:0;margin-left: 15px;}
	.sub-classify a, .sub-classify-style a{ margin-right:15px;}
	.no-login{margin-top: 5px;}
	.search-classify.w1200{ width:100%;}
	.search-rusult .seek{ display:none;}
	.wt-various-user{ display:none;}
	
}